> For the complete documentation index, see [llms.txt](https://justin-se.gitbook.io/justin-se-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://justin-se.gitbook.io/justin-se-docs/front-end-development/user-interface-design/figma-best-practice.md).

# Figma Best Practice

dont talk to me if you dont follow this, i hate you

## Design System Starter Templates

you can make a copy of these files to have the complete design system setup on design file.

{% embed url="<https://www.figma.com/community/file/1035203688168086460>" %}
Material Design Kit
{% endembed %}

{% embed url="<https://www.figma.com/community/file/885791511781717756>" %}
Ionic Design Kit
{% endembed %}

{% embed url="<https://www.figma.com/community/ui-kits?editor_type=figma>" %}
Search Result : Design Kit
{% endembed %}

Continue on :

{% content-ref url="/pages/gdNfm9sTRsnZRtV1JaPP" %}
[Variables as Colors](/justin-se-docs/front-end-development/user-interface-design/figma-best-practice/variables-as-colors.md)
{% endcontent-ref %}