Using the Think Standard Library as-is

1. When your in the new Figma file that you’d like to use the Think Standard Library for, locate the left panel and navigate to the Assets tab.
2. In the Assets tab, select the book icon in the top right corner. It should open the modal pictured in the image to the right.
3. In the modal, look for the Think Standard Library file within the Design System Starter Kit project and enable it via the toggle button.
4. Once that’s done you are ready to start designing using the styles and components available in the design system file in Figma.

Manage libraries in design files – Figma

Creating your own Figma UI library based on TSL

<aside> 💡 Important Note: The duplicated file is not connected to the original library. Any changes you make will not be connected to the main file, and any updates made to the main file cannot be synced to your duplicated file.

</aside>

1. Open the following file, Think Standard Library

2. In the top toolbar, select the down arrow next to the file name.

   

3. Once the file is duplicated, navigate back to your Figma dashboard.

4. Locate the duplicated file, identify the project/team you’d like to use the Think Standard Library for and drag the file to the desired project. Alternatively, you can open the duplicated file in the same dialog you used to duplicate the file, choose “Move to project…”

   

5. You’re all set to start your new design system!

Manage libraries in design files – Figma

Customize Design File

Step 1: Setup Primitives

For Step 1, gather Project’s existing brand guidelines and design assets, primarily color palette(s) and font(s). These will help you customize: