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.

Dark-themed Figma canvas showing Skeleton components, search, and cards. Demonstrates on-brand UI with tokens and themes.

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

Dark-themed Figma canvas showing Skeleton components, search, and cards. Demonstrates on-brand UI with tokens and themes.

Two focused

Dark-themed Figma canvas showing Skeleton components, search, and cards. Demonstrates on-brand UI with tokens and themes.

Figma kits

One consistent system

Primitives Figma Kit

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

Components

Accordion, modal, inputs, tables, etc

Design tokens

Color/typography/spacing with dark/light support.

Theme plugin

Import your Skeleton themes to style components instantly.

Designer — Developer parity

Naming and states mapped for handoff.

Dark-themed Figma canvas showing Skeleton components, search, and cards. Demonstrates on-brand UI with tokens and themes.
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. Design with production parity and hand off without surprises.

Screens

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

Management

User profile, organizations, role/permission accents.

Flows

Social vs email/password with modeled success/error states.

Widgets

Organization Switcher & UserButton wired to related screens (mini prototype).

Parity

Token-driven components mapped 1:1 to our Auth widgets and themes.

Dark-themed Figma canvas showing Skeleton components, search, and cards. Demonstrates on-brand UI with tokens and themes.
Full theming with Theme Editor + Figma Plugin

Create or import themes in our 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. Push themes to GitHub & Figma to keep product and design in lockstep.

Hosted Theme Editor

Design, preview, and version tokens for light/dark & brands

Figma Plugin

Pull themes from the Editor and apply across components instantly

Multi-brand at scale

Swap brands or palettes without redrawing a screen

Code ↔ Design sync

Push themes to GitHub & Figma for consistent handoff

Dark-themed Figma canvas showing Skeleton components, search, and cards. Demonstrates on-brand UI with tokens and themes.

"...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.

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