Framer X is a powerful design and prototyping software, which you can use to build realistic interactive prototypes fast. It helps design with the idea of how your product will work in the end.
It is packed with advanced design tools that build interactions like scrolling areas, carousels, flipping cards, responsive elements right from the canvas. It also makes it incredibly easy to add complex user interactions in your prototypes, elevating it to the next level. Playground allows you to quickly test new concepts within the in-app code editor using ReactJS.
This workshop will teach you all about designing meaningful interactions in Framer X. It will briefly cover the basics of Framer X in creating high-fidelity prototypes using the powerful built in tools. There will be an introduction to code, the Framer API, and Framer Motion. You’ll learn how to create design and code components with detailed interactions, advanced animation curves and events.
By the end of this workshop, you’ll have a deep understanding of how to create animations and interactions in Framer X, using both its built in design tools and ReactJS code to improve your designs and prototypes.
Athanasia has been working as a multi disciplinary designer in advertising agencies for 8 years in total. In her current position in Ogilvy Greece, she works as a motion design director. During the last 2 years of working there, she has been confronted by a lot of challenging tasks, requiring different kinds of expertise. Aerial filmmaking has been one of her hobbies turned part time profession. Along with her husband she has formed Inva+Sla, a creative duo that specializes in aerial cinematography and photography. She also enjoys technically challenging interactive projects that require coding skills. As a result, she has taken up the task of producing a series of tutorials about Framer X for beginners, in hopes that more designers can develop an understanding of coding for the web. She is also extremely interested in finding new ways of increasing productivity by improving the workflow. She takes extra care in training and encouraging new designers so they can work more efficiently as a team.
● Your own Apple computer
● A copy of Framer X (trial works fine)