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
⁴.
![Create New Project](/_astro/01_createNewProject.DZQ4C0gN_ZeHGhG.webp)
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.
![Import Project](/_astro/02_importProject.BpfHwFfY_ZPu3p4.webp)
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.
![Publish](/_astro/03_publish.Dn7yGUDq_1IORJN.webp)
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
².
![Create New File](/_astro/04_createNewFile.D8VciKht_5DTPm.webp)
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.
![Select Library](/_astro/05_selectLibrary.DqAi2BKp_1SXRBN.webp)
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.
![Use Library](/_astro/06_useLibrary.SLvPl3Vt_10p3yq.webp)