How to Install the Figma Library
For best results, a Figma Professional Team Plan (or higher) is recommended.
Purchase the Figma Asset
Skeleton Figma Design System
Complete set of themed components for Skeleton v3
Create a New Project
In Figma, go to Home
¹ and select All projects
from the left sidebar². On the right side, click + Project
³ and name the project Libraries
⁴.

Import Skeleton Design System
From the project page, click Create new
in the top-right corner⁵ and select Import
⁶. Then, choose Import from computer
⁷ and select the Skeleton Figma file.

Publish Skeleton Figma Library
To use the library across all Figma files, it must be published.
Double-click the Skeleton Library to open it. At the top left, next to the library file name, click the chevron v
⁸ and select Publish library…
⁹. In the modal, click Publish
¹⁰ and wait for the library to finish publishing.

Once published, you can access the Skeleton Figma Library in any of your projects.
How to Use the Figma Library
Open or Create a Project to Use the Library
Open an existing project, or create a new one by clicking + Create new
¹ and selecting Design file
².

Add the Library to Your Project
In the left sidebar, click Assets
³, then click the Book
icon⁴. A modal will appear with the Libraries
tab active. Search for skeleton
⁵ and click Add to file
⁶.
The library is now added to your file, and its assets are ready for use.

Use Assets (Components)
You can now access the Skeleton Design library. In the Assets
tab, you’ll see a list of Skeleton Components. Drag components onto the canvas or search for specific ones.
