Skip to main content

Getting started

Setting it up


1. Create a Figma account

If you don't have an account, please go to and sign up. If you need help with signing up you can learn how to do it here.

2. Add Tini Design System to your library

Duplicate file from the Figma community

We published the Tini Design System on the Figma community to help you easily comment and update the latest version of the library. You can access and duplicate the file here. If you need help, you can learn how to do it here.

Using it


If you are new to Figma I highly recommend visiting their Getting Started help page or watching Beginner's Guide to Figma on their YouTube channel.


Tini Design System is built with Components (Basic & Advance). These are elements you can reuse across your designs. They help to create and manage consistent designs across projects. Learn more about Components here.


Tini Design System is also built with Styles. These are Colors, Text styles, Effects that can be reused across your designs. Learn more about Styles and how to use them here.

Auto layout

Components in the Tini Design System were built with Auto Layout feature. Auto Layout makes designs that grow to fill or shrink to fit, and reflow as their contents change. Learn more about Auto Layout here.


Tini Design System uses Variants that allow to group and organize similar components into a single container with properties. This simplifies the component library and makes it easier for everyone to find what they need. Learn more about Variants here.