Learn Prototyping

Bring your designs to life with interactive prototypes that allow you to test and refine your design ideas. These tutorials teach you everything you need to know.
Read moreRead less
All content
Courses
Tutorials

All Prototyping tutorials:

  1. Prototyping Layouts With Velositey for Photoshop

    Prototyping Layouts With Velositey for Photoshop

    Tutorial • Beginner

    In this tutorial we are going to walk through a free Photoshop extension called Velositey. Velositey (currently at version 2) provides common layout patterns...

  2. Rapid Prototyping Using Sketch Symbols and Templates

    Rapid Prototyping Using Sketch Symbols and Templates

    Tutorial • Beginner

    Starting from scratch every time you mock up a design is a waste of time, especially when building on top of an existing product. On Envato Market we already...

  3. How to Create an Interactive Prototype With Marvel

    How to Create an Interactive Prototype With Marvel

    Tutorial • Beginner

    Marvel is an excellent online tool which allow designers to create prototypes of mobile applications and web projects. In this tutorial we'll see how we can...

  4. Prototyping an Interactive iOS Product Tour With Framer.js

    Prototyping an Interactive iOS Product Tour With Framer.js

    Tutorial • Intermediate

    Framer.js and its accompanying ecosystem Framer Studio are great tools for composing, presenting and iterating upon interaction design. In this post, you'll...

  5. Stop Putting User Personas in Your Desk Drawer

    Stop Putting User Personas in Your Desk Drawer

    Tutorial • Beginner

    Personas are something we have lifted from the advertising industry. Unfortunately too often they don’t fit the web design process. Now is the time to change...

  6. How to Demo an iOS Prototype in Keynote

    How to Demo an iOS Prototype in Keynote

    Tutorial • Intermediate

    Modeling an up-and-coming app can be a very difficult task if you’re unfamiliar with professional animation software and techniques. Fortunately, Keynote...

  7. 3 Ways to Get Feedback From Clients With InVision

    3 Ways to Get Feedback From Clients With InVision

    Tutorial • Beginner

    In this tutorial we're going to use InVision's commenting and LiveShare options to maximize feedback from your clients and teams.

  8. 3 High-level Approaches to Prototyping by Example

    3 High-level Approaches to Prototyping by Example

    Tutorial • Intermediate

    In today's tutorial I will compare different types of web prototypes through illustrating three high-level approaches by example.

  9. How to Decide Between Static, Lo-Fidelity and Hi-Fidelity Prototypes

    How to Decide Between Static, Lo-Fidelity and Hi-Fidelity Prototypes

    Tutorial • Beginner

    In this post, I'll walk you through high-level prototyping approaches, and describe in which contexts one would choose each.

Related Categories

CSS
HTML/CSS
UI Design
Sketch
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.