1. tutorials
  2. figma
  3. chapter 1

Chapter 1 - Setup & Usage

Learn how to set up and use the Skeleton Figma Design System.


How to Install the Figma Library

For best results, a Figma Professional Team Plan (or higher) is recommended.

1

Purchase the Figma Asset

Skeleton
Skeleton Figma Design System

Complete set of themed components for Skeleton v3

Purchase
2

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
3

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
4

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

Once published, you can access the Skeleton Figma Library in any of your projects.


How to Use the Figma Library

1

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
2

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
3

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

Tutorials