Author
Emmanuel Henri
Released
3/13/2019
Looking to get up and running with Framer X? If so, then this course is for you. Join instructor Emmanuel Henri as he steps through how to design and build creative interactions with this powerful UX prototyping and front-end development tool, as well as how to work with components in Framer X. Discover how to use the layout and drawing tools, build transitions, and add scrolling animation. Plus, see how to add components from code, leverage advanced features such as overrides, and export your prototype to share it with stakeholders.
Topics include:
- What is Framer X?
- Navigating the user interface
- Designing with Framer X
- Working with the layout and drawing tools
- Building interactions
- Creating simple and complex components
- Implementing overrides
- Exporting your prototype
Skill Level Intermediate
1h 41m
Duration
581
Views
Show More
Show Less
Resume Transcript Auto-Scroll
-
Introduction
-
1. Framer X Overview
-
What is Framer X?1m 36s
-
Install Framer X1m 29s
-
Install Visual Studio Code3m 16s
-
-
2. Design with Framer X
-
Introduction to layout tools5m 25s
-
Your first component5m 50s
-
Introduction to stacks4m 36s
-
Properties in depth5m 40s
-
-
3. Build Interactions with Framer X
-
4. Create Simple Components
-
Introduction to a component1m 58s
-
Explore the store3m 23s
-
-
5. Create Complex Components
-
Component code in depth5m 17s
-
Add more props to component6m 25s
-
6. Advanced Features in Framer X
-
Implement overrides4m 8s
-
Export your prototype1m 34s
-
Conclusion
-
Next steps1m 21s
-
Show MoreShow Less
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Build creative interactions with Framer X