Skip to content

Figma kits

Figma kits that match production.

Two focused kits for Skeleton-based teams: a primitives and design-system kit, plus an Auth UI kit for real-world account flows. Token-driven, theme-aware, and designed to stay close to the components engineers actually ship.

Preview the kits See pricing

Professional Figma assets for teams that want tighter design-to-code parity.

A Figma canvas with the Skeleton primitives kit and the Auth UI kit side by side: sign-in and profile screens, the themes plugin and its palette.

Still rebuilding primitives and chasing consistency? Specs drift between Figma and code? States, variants, tokens — never quite aligned? Themes don’t scale across brands?

Two focused Figma kits

One consistent system

Primitives Figma kit

All core Skeleton components rebuilt in Figma with full variant coverage. Token-driven, dark and light, and ready to theme.

Components
Accordion, modal, inputs, tables and the rest.
Design tokens
Color, typography and spacing, with dark and light support.
Theme plugin
Import your Skeleton themes to style the components instantly.
Designer and developer parity
Naming and states mapped for handoff.
The Skeleton primitives kit in Figma: buttons, switches, a date picker and charts in the dark theme.

Auth UI kit

Authentication screens and flows that mirror real app behaviour. Optimized for our self-hosted auth stack (Better Auth + Convex), yet fully usable as a standalone Figma kit.

Screens
Sign-in and sign-up, reset and verify, 2FA patterns.
Management
User profile, organizations, role and permission accents.
Flows
Social and email/password, with modeled success and error states.
Widgets
Organization switcher and user button wired to their screens.
Parity
Token-driven components mapped 1:1 to our Auth widgets and themes.
The Auth UI kit in Figma: sign-in, verification, profile and organization member screens.

Full theming with the theme editor and the Figma plugin

Create or import themes in the hosted theme editor, then pull them into Figma with the plugin. Apply once: your tokens cascade across the primitives kit and, when bundled, the Auth UI kit.

Hosted theme editor
Design, preview and version tokens for light, dark and brands.
Figma plugin
Pull themes from the editor and apply them across components.
Multi-brand at scale
Swap brands or palettes without redrawing a screen.
Code and design in sync
Push themes to GitHub and Figma for a consistent handoff.
The Skeleton Themes plugin in Figma, showing a theme’s palette stops and the button that adds a theme.
“…the Figma is very well put together and the most robust that I could find out of all the UI kits, so our company chose to go with Skeleton.”
Rob, Skeleton community member
See pricing and access

Preview the kits

Switch between the live files. Everything you see is token-driven and theme-aware.

Get access

Choose the kit that fits your workflow, or get both for seamless app design from primitives to auth. Every purchase includes kit updates.

Design System Figma Kit - Individual

$129 One-time

All core components

Accordion, Dialog, Drawer, Dropdown, Tabs, Table, Tooltip, Toast, Input, Select, Badge, Card — and more

Design tokens

Colors, typography, spacing

Theme plugin

Import and apply your Skeleton theme

Designer ↔ Developer parity

Consistent naming across tools and states

Auth Components Figma Kit - Individual

$99 One-time

Screens

Sign-in/up, reset/verify, 2FA

Management

User profile, organizations, roles/permissions accents

Flows

Social and email/password with success & error states

Widgets

Org Switcher & UserButton wired to related screens

Theming

Pair with Design System (Primitives) Kit to theme auth

Recommended

Complete Figma Kit - Individual

$199 One-time

Primitives + Design System and Auth Figma Kit

Theming across both kits

Theme once via the Plugin - applies to auth automatically.

Complete coverage from base UI to auth flows & prototypes

Includes updates to the kit and priority fixes as we ship new primitives & auth patterns.