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
DEV201x: Introduction to TypeScriptMicrosoft via edX Developing Dynamic Web Applications Using Angular
Microsoft via edX Introduction to TypeScript 2
Microsoft via edX Multiplatform Mobile App Development with NativeScript
The Hong Kong University of Science and Technology via Coursera Angular Fundamentals
Microsoft via edX