Figma
Exclusive Figma files and theme variables plugin for BlakeUI Pro components.
BlakeUI Pro includes exclusive Figma resources to keep your designs in perfect sync with code.
What's Included
- Pro component Figma file — Design files for all BlakeUI Pro components, matching the exact anatomy, variants, and slots available in code
- Figma theme variables plugin — Sync your supported BlakeUI theme variables directly into Figma, so design tokens stay consistent between your codebase and design files
Download
Figma files (.fig) are available exclusively to BlakeUI Pro license holders. Sign in
with an active license to download.
- BlakeUI Pro Figma Kit V3 — v1.0.0 ·
.fig
Figma Sync Plugin
The Figma Sync Plugin lets you push your custom themes from the BlakeUI Theme Builder directly into the BlakeUI Figma design system — keeping supported design tokens and code variables perfectly in sync. The plugin is live on the Figma Community: BlakeUI Theme Sync.
How it works
- Create or customize a theme in the Theme Builder and copy the CSS
- Open the BlakeUI Sync plugin inside a Figma file
- Paste the CSS output from the Theme Builder in the plugin
- Sync — your supported Figma variables, including colors, radius, and spacing, update instantly
Notes and limitations
- Font family changes are manual. In Figma, open the Variables panel, go to the Typography collection, and update the font variable.
- Shadow styles also require a manual update in Figma.
- Brutalism, Glass, and Mouve Pro themes are not supported yet.
BlakeUI OSS Figma
Looking for the free BlakeUI OSS Figma kit? It's available on the Figma Community: BlakeUI Figma Kit V3 (free, OSS components).