Build High Quality Figma Prototypes Fast with Pre-built, Customisable Animation Templates

Scaffold is a Premium Figma Prototyping and Animation Library that includes 200+ design prototypes built with animated frame connections and transitions ready for you to use in your design work today. Designed with a commitment to reusability, speed and flexibility, Scaffold helps you build complex, unique Figma prototypes quickly.

Scaffold saves you countless hours stuck in connection spaghetti, giving you extra time to work on what you do best — doing rad design work.

Free Demo Buy Now — $29

Demo image for how Scaffold can be used to build a pop-over, hover desktop menu with hover states and expanded sections — Scaffold is **perfect** for complex Hover and Popover Menus, common with big SaaS websites and eCommerce sites alike. Scaffold saves you hours by providing the base — you bring the flavor!
A high fidelity Flyout Overlay Menu Scaffold Demo

Scaffold Use Cases and Benefits

Quickly add interactions to your existing designs using Scaffolds examples and best-practice demonstrations for rapid Figma prototyping. Combine a Scaffold base with your visual design styling to create a high fidelity prototype
Prototype complex, multi-screen animations in no-time at all using Scaffolds flexible templates and pre-built connections and interactions, built around a range of common interaction patterns
Show clients and colleagues smooth, animated interactions for your mock-ups, designs and mobile and web prototypes

A demo showing show Scaffold can be used to create a filter view for different images — Scaffold uses all of the different Figma interaction options in for creative solutions. This demo uses the 'While Hovering' effect to apply different filters. Perfect for testing Zoom backgrounds!
Check out the live Figma demo — notice the hover effects! (Desktop only for this demo)

Who is Scaffold built for?

Freelance and in-house Designers who need to add prototyping to an existing design, and want a base Prototype to accelerate progress. Need to build a menu, shopping cart, social story or app opening transition? Scaffold gets you 75% of the way towards a complete, high fidelity prototype.
Designers and Developers looking to explore different types of motion design available in Figma to build knowledge and capability about the functionality Figma offers. Get inspiration for your future projects and how you can add prototypign features.
Design studios (and in-house teams) doing design work and wanting to quickly and smoothly add interactive capabilities to your work, without spending hours tweaking connections and frame transitions.
Probably *not* for teams that have dedicated motion designers! Although if you are a motion designer who tries Scaffold, I'd love to hear your feedback!

An example of the Scaffold Shopping Cart Checkout Flow — So much web and mobile design is forms. Log-in forms. Sign-up forms. Contact forms. And importantly, **payment forms!**. This example shows a fullly interactive ecommerce checkout flow based on best practices from Shopify.
Shopify style shopping cart userflow Figma prototype Demo file.

Package Details: What's Included

Scaffold is a premium Figma library of pre-built animations and design prototypes, designed and ready to drop into your projects. Built for reusability, speed, customization and flexibility. Ready to use on a full range of projects from client work to in-house designs to new product develop or side projects.

285 Base Prototypes
The primary Scaffold Figma Library composed of 5 main categories, 64 core Prototype Animation Scaffolds, and an additional 221 variations on Base prototypes.
Desktop and Mobile Designs
Prototyping and animation Base templates flexible and customisable enough to be used however you need across Web and Mobile design, and much more.
Flexible Animations
Prototypes and animations include designs for mobile, web, marketing, social, gallery, ecommerce, buttons, links, menus and navigation.
High Fidelity Prototypes
High Fidelity Prototpyes that show the power and flexibility of Scaffold, giving you inspiration for integrating prototyping into your own work.

Pricing and Packages

Team License: $159

Full-access Lifetime license for your entire design team to use Scaffold
64 Unique Base Scaffold Prototypes with Animations
221 variations on the Base prototypes, offering a wide range of flexibility and options
285 Total Prototypes including all Additional Variations
Documentation for Using and Integrating Scaffold into your Workflow
Twitter & Email Support
Free updates until Dec 2020
One hour video call to talk about Scaffold, how to make the most of it use it and how to use Scaffold into your workflow

Buy Team License

Pro License: $29

$29 for Full Library
1 Lifetime license for Scaffold
64 Unique Base Scaffold Prototypes with Animations
221 variations on the Base prototypes, offering a wide range of flexibility and options
285 Total Prototypes including all Additional Variations
Documentation for Using and Integrating Scaffold into your Workflow
Twitter & Email Support
Free updates until Dec 2020

Buy Scaffold Now

An example of Scaffold's mobile loading screen design — Designing loading states and skeleton screens is as important now as ever. Scaffold helps — by giving you carefully calibrated, timed loading screens.
Social feed tap to refresh Figma live prototype demo, featuring puntastic jokes!

FAQs and Extra Details:

How does the lifetime license work?
Similar to Sketch, and Flowkit. All updates until Dec 2020 are included in the current price of $29 (single license) or $159 (team license). Future releases will be marked with a new version number.
Does Scaffold work with Sketch, Adobe XD, or InVision Studio?
It's not recommended. Scaffold has been built based on custom animation and prototyping features in Figma. Because of that, you'll get the best results using Scaffold in Figma. If you're interested in a future version using another tool please contact me.
Does Scaffold use Figma Components that can fit into our existing design system?
Not at this stage (May 2020). Figma Components don't reliably save prototyping connections on duplication or re-use. Scaffold relies on copy and pasting, which has consistent and reliable behavior across files and pages. I would love to rebuild Scaffold using Components so watch this space based on changes to Figma!
Do you have a student discount or a pricing parity discount for different countries around the world?
Yes! Discounts are available to those less able to afford Scaffold. Please contact me via the Support Page and I'll give you a discount code based on what you need.