Use Framer X to build interactive prototypes

Framer X - Design prototypes fast
(Image credit: Framer)

As designers, there is always the question of what prototyping tools you should use for your project. There is lots of software out there for tasks like wireframing (see our top wireframing tools and excellent website builders), prototyping and building complex interactions; however very few tools are capable of handling all of these. Framer is one tool that has all these functions and greatly speeds up the process of creating tiny animations and interactions.

The latest iteration, Framer X, now uses React and JavaScript instead of using CoffeeScript for developing micro-interactions and animation. This helps deliver faster load times and better performance. Plus, the use of React components means that users have more scope to add and extend including embedding media players, real-time data and graphs inside prototypes.

Testing is a core part of the the prototype building process and while Framer X is great at creating interactive prototypes it needs help to see how good its creations are. Check out our user testing post for some of the best tools to complement Framer and help build real-world prototypes, and make sure you're using the best web hosting service for you.

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Vamsi is a senior UX designer at SunTrust Banks and is an expert in UX, mobile animation and JavaScript.