Framer X Essentials
Offered By: LinkedIn Learning
Course Description
Overview
Get up and running with Framer X. Learn about all the essential features in this powerful UX prototyping and front-end development software.
Syllabus
Introduction
- Build creative interactions with Framer X
- What you should know
- What is Framer X?
- Install Framer X
- Install Visual Studio Code
- Overview of the user interface and sections
- Introduction to layout tools
- Your first component
- Introduction to stacks
- Properties in depth
- Introduction to the drawing tools
- Introduction to preview options
- Overview of the interactive tools
- Introduction to the transitions
- Introduction to the Scroll tool
- Introduction to the Page tool
- Introduction to a component
- Explore the store
- Add components from the store
- Create another component from design
- Your first component from code
- What are React and Typescript?
- Component code in depth
- Add more props to component
- Style your component in code
- Introduction to overrides
- Implement overrides
- Publish your component to the store
- Export your prototype
- Next steps
Taught by
Emmanuel Henri
Related Courses
Intro to AJAXUdacity Web Design for Everybody Capstone
University of Michigan via Coursera Web Design for Everybody Capstone
University of Michigan via Coursera Developing Dynamic Web Applications Using Angular
Microsoft via edX Project Management: Mastering Complexity
Delft University of Technology via edX