How to Create a High-Fidelity Prototype with Sketch

Using Anima Toolkit to design realistic prototypes faster

Anima App
Anima App
Aug 15, 2018 · 5 min read
Image for post
Image for post
High-Fidelity Prototype - Created completely in Sketch, in minutes.
Image for post
Image for post

The Very Basics in 20 seconds

Image for post
Image for post
The Basics: Create Links & Preview Website

Dashboard Sample

Image for post
Image for post
https://dashboard-sample.animaapp.io

Links

Image for post
Image for post
Creating a link. You may use Sketch native links as well.

Set a Home Artboard

Image for post
Image for post
Select Artboard, Prototype Tab > Flow > Set as Home

Preview in Browser

Image for post
Image for post

Responsive Layout with the Layout Tab

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
How we set up Layout Pins on the Login form

Interactions

Image for post
Image for post
Switch behavior on our prototype
Image for post
Image for post
Creating an interaction from a Symbol
Image for post
Image for post

Hover Effect

Image for post
Image for post
Image for post
Image for post
Creating a hover effect in Anima Interaction Editor

Time-based Animations

Image for post
Image for post
On Anima Interaction editor, use Timer event

Show an Overlay

Image for post
Image for post
https://dashboard-sample.animaapp.io/settings
Image for post
Image for post
Anima Links can show target artboard as a floating overlay

Live Text Field, Videos and More

Image for post
Image for post
Prototype Tab > Smart Layers > Forms

Want to Learn More?

Image for post
Image for post

Design + Sketch

The best collection of articles, tips, tutorials, and…

Anima App

Written by

Anima App

Empowering designers. Changing the game.

Design + Sketch

The best collection of articles, tips, tutorials, and stories on designing and prototyping with Sketch and beyond

Anima App

Written by

Anima App

Empowering designers. Changing the game.

Design + Sketch

The best collection of articles, tips, tutorials, and stories on designing and prototyping with Sketch and beyond

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight.

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox.

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month.

Get the Medium app