Skip to content

Take the files. Really.

The Simbolik Design System as a Figma library and as code, both documented and free, with no email asked for.

The shelf.

So far there are 2, and nothing half-finished goes up.

  • v0.1.2

    Figma library

    The design system as a Figma file: the components with their variants, the variables with explicit scopes, light and dark modes wired.

    • Foundations and components
    • Design tokens: color, type, space, radius, elevation
    • Light and dark modes
    • Website and app templates, coming soon
  • v0.1.2

    The code

    The same system in code: the design tokens, a stylesheet and a React wrapper for every component, and a manifest an agent can read.

    • CSS for the design tokens and every component
    • Manifests for every variant, machine-readable
    • Design tokens in DTCG JSON, TypeScript and Tailwind
    • Documentation and the Showroom
  • This spot is taken.

    Several new files are being finished for this shelf right now. Each one goes up the day it's done, free like the rest.

Free for any work, commercial included. The Figma file is CC BY 4.0 and the code is MIT: pass them on, and the credit goes with them.

The licenses, in plain words

Free means free.

You don't give an email, and nothing is watermarked or locked behind a paid tier.

  • Use everything in client work, commercial or not
  • Modify, remix, share and even sell it
  • Credit simbolik when you share the files or your version of them
LICENSE.txt
Figma library: CC BY 4.0,
as Figma sets it for every free Community file.

Use it for anything, client work included.
Change it, share it, sell it.
When you share it or your version of it,
credit simbolik, link the license
and say if you changed it.
creativecommons.org/licenses/by/4.0

Ask for the next file.

Tell me on X which file would save you a week.

Need this for your company? Book a call (opens in a new tab).