Setting it up
1. Create a Figma account
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.
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.
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.