Skip to main content

Free Figma file

Design tokens and core components, ready to build with.

The free Personify starter file — a full token set and the components every project needs first. Built accessible. Ready for light and dark mode from the first frame.

Free. No credit card. The download link goes straight to your inbox.

--color-primaryhsl(var(--primary))--radius0.5rem--radius-mdcalc(var(--radius) - 2px)--radius-button6px--ring212 100% 79%--font-displayFamiljen Grotesk

What usually goes wrong

The free file is built to avoid these three traps from the first frame.

Tokens that don't hold up in dark mode

Most kits invert colors instead of remapping them. Contrast collapses, and you rebuild the palette by hand.

Accessibility as an afterthought

Contrast and focus states get patched in after launch — after the hard parts are already shipped.

Design and code drift apart

Figma and the codebase start in sync, then quietly stop matching. Nobody notices until a review catches it.

What's inside

Enough to start a real product UI — without buying the full library.

Full token set

Color, spacing, radius, and type — with light and dark modes already mapped.

Core components

Button, Input, Checkbox, Switch, Badge, Avatar, and Card — the set every project needs first.

Built accessible

Contrast-checked pairs and visible focus states, not bolted on later.

Structured to sync

Named and grouped to push/pull with a free Vois account when you're ready.

Placeholder media

Token collection overview

Drop in a screenshot of the token collection with light and dark modes shown together.

Slide 1 of 5

Light and dark token panels side by side.

Free file vs. full library

Start free. Upgrade when you need flows and the rest of the library.

IncludedFree fileFull library
Design tokens (color, spacing, radius, type)Free file: includedFull library: included
Core components (Button, Input, Checkbox, Switch, Badge, Avatar, Card)Free file: includedFull library: included
Full component library (~300 components)Free file: not includedFull library: included
Specialized inputs and selectorsFree file: not includedFull library: included
Full flows — onboarding, settings, checkout, sign-upFree file: not includedFull library: included
Landing page blocksFree file: not includedFull library: included
Light and dark mode throughoutFree file: includedFull library: included
Accessible componentsFree file: includedFull library: included
Ready to sync with a Vois accountFree file: includedFull library: included

How it works

Three steps from this page to a file you can build with.

  1. Enter your email

    Use the form on this page — no account required to start.

  2. Get the download link

    We send the Figma file link straight to your inbox.

  3. Duplicate and build

    Open the file in Figma, duplicate it to your drafts, and start designing.

Get the free Figma file

Tokens, core components, light and dark mode. In your inbox in minutes.