Learn Design System


Welcome to the Learn Design System docs. The Learn Design System is a set of components designed to get you started prototyping with Framer X.

On this page, you’ll find information on each of the components included in the Learn Design System. This page also includes information on colors, inputs and patterns of use.


You can install the Learn Design System package through the Framer X Store.
  1. Open a Framer X project.
  2. Click the Store tab to open the Framer X Store.
  3. Search for "Learn".
  4. Click on the Learn Design System link .
  5. Click the Install button.
  6. When the install completes, open the components list in your project to see all of the package's components.


You can find source files for the Learn Design System on its Github repository.


Visit our Spectrum channel to discuss the Learn Design System, connect with other users or find help with your projects.

If you spot any errors in the package or in these docs, please let me know in the Spectrum channel, on Twitter at@steveruizok or by email at steve@framer.com.