Resources

Learn Framer X in a way that works best for you. Watch guided videos, work through a course plan or follow along with an example project.

Videos

Meet Framer X

Start with our introductory videos to get an overview of the product.

2:43
Tutorials
1. Layout Tools

3:15

 2. Interactive Tools

2:10

 3. Components

3:17

 4. Store

2:49
Quick Tips
1. Page: Getting Started

0:59

 2. Page: Custom Properties

1:35

 3. Page: Unique Interactions

1:03

Guided Courses

Design + Code

Learn about layout, code components and animations in Meng To’s 10-part video course.

Framer X + React

Dive into the fundamentals of React with a 27-lesson plan and video course by Linton Ye.

Downloadable Projects

Paging

Learn how to use the Page tool to create swipeable content.

Stacks

Learn how the Stacks tool makes it easy to design adjustable layouts.

Linking

Discover how to use the Link tool to easily connect screens.

Scrolling

Create scrollable areas with our simple point and click Scroll tool.

Components

Learn how to create reusable design and code components.

Graphics

Learn how to use the Graphics tool to draw shapes and icons.

Help Center

Still haven‘t found what you‘re looking for?

Visit our Help Center ›

Start your free 14‑day trial.

Enter your email and we‘ll send you a download link for later.

We recently introduced Frames and Shapes, so some information in these videos may be outdated. To learn more visit our Help Center.