Framer
Framer
  • Why Framer
  • Teams
  • Learn
    • Tutorials
    • Examples
    • Speedruns
    • Starter Kit
    • Sessions
  • Pricing
  • Blog
  • Updates
  • Support

Framer
Fast
Forward

Sign up for free

These inspiring speedruns show you what you can build in just minutes, either solo or together with your team. Realistic prototypes, mini design systems, components complete with detailed interactions—Framer makes it all possible.

Sign up for free

Landing page prototype

Monika Michalczyk, Jurre Houtkamp

26 minutes, 5 seconds

Together, designers Monika Michalczyk and Jurre Houtkamp create this slick agency landing page in less than 30 minutes. The process is fluid. While Monika is still working on the wireframes, Jurre jumps in and adds assets, color, and interactivity, thanks to Framer’s collaboration tools. The result: a stunning page that looks, feels, and behaves like the real thing.

Open completed projectPreview the prototypePreview the prototype

Want to see more Fast Forward?

Sign up and we’ll send you new speedruns as soon as they become available.

Workout app prototype

Floris Verloop

17 minutes, 32 seconds

Designer Floris Verloop creates a workout app prototype quicker than your average HIIT class. Floris uses built-in components, like video players, loading bars, toggles, and buttons, as well as simple screen-to-screen transitions, to create a hyper-realistic fitness app experience.

Open completed projectPreview the prototypePreview the prototype

Travel site prototype

Monika Michalczyk

16 minutes, 52 seconds

Watch designer Monika Michalczyk design and prototype a travel-themed website in this 80-second speedrun. Monika creates her own card component so that she can quickly pump out 7 templatized cards for her chosen destinations. She then adds these to a paging area and sets the effect to wheel to create a delightful 3D scrolling experience.

Open completed projectPreview the prototypePreview the prototype

Music app prototype

Jurre Houtkamp

14 minutes, 26 seconds

Watch designer Jurre Houtkamp quickly create a simple yet stunning music player app. Jurre builds a flexible layout by using Stacks and saves precious prototyping time by installing premade Feather icons from the Insert Menu. He then uses Magic Motion and the Link tool to speedily set up beautiful screen-to-screen transitions.

Open completed projectPreview the prototypePreview the prototype

Ready to hit fast forward?

Share your speedruns, prototype run-throughs, and Framer projects you’ve made in Framer on Twitter with #MadeWithFramer for a chance to win a limited edition sticker pack.

Submit your own creation
laptop featuring Framer stickers

Framer

  • Why Framernew
  • Teams
  • Pricing
  • Blog
  • Updates
  • Motion

Platforms

  • Web
  • macOSbeta
  • WindowsBeta
  • iOS
  • Android
  • Figma Importing
  • Sketch Importing

Learn

  • Tutorials
  • Examples
  • Speedruns
  • Starter Kit
  • Sessions

Resources

  • Packages
  • API
  • State of Prototyping
  • Desktop Prototyping
  • Prototyping Tool
  • Mockup Tool
  • Wireframing Tool
  • UI/UX Design Tool
  • Graphic Design Tool
  • User Testing

About

  • Loupe
  • Community
  • Company
  • Careers
  • Legal
  • Security

Support

  • Using Framer
  • Accounts
  • Contact

  • Twitter
  • Discord
  • Dribbble

Copyright © 2021 Framer B.V.

  • Security
  • Terms of Service
  • Privacy Statement