Design System Features

Explore UI Vault’s powerful suite of tools designed to organize, document, and present your design system with precision and elegance. From synced Figma components and tokens to typography, color systems, and layout structures, UI Vault transforms your design files into clear, interactive documentation. Whether you’re building internal style guides, managing client systems, or scaling product teams globally, UI Vault features provide the structure, clarity, and control you need to elevate your design system software—and your collaboration. Check out our design system pricing.

Frames Block

Block, Free Plan

The Frames Block allows you to embed and display Figma frames directly inside your UI…

Design Tokens Block

Block, Free Plan

The Design Tokens Block allows you to organize and display your system’s foundational design decisions—colors,…

Prototype Block

Block, Free Plan

The Prototype Block lets you embed interactive Figma prototypes inside your UI Vault style guide—bringing…

Spacing & Grid Block

Block, Free Plan

The Spacing & Grid Block in UI Vault allows teams to document and display spacing…

Border & Radius Block

Block, Free Plan

The Border & Radius Block in UI Vault allows teams to visually document Figma’s border…

Variables Block

Block, Free Plan

The Variables Block in UI Vault brings your Figma Variables into a structured, visual format—making…

Icon Component Block

Block, Free Plan

UI Vault’s Icon Component Block allows you to sync icon sets from Figma and display…

Component Block

Block, Free Plan

The Component Block in UI Vault allows you to pull in Figma components directly into…

SEO-Friendly Style Guides

Free Plan

UI Vault enables you to publish fully indexable, SEO-optimized style guides with structured metadata, clean…

Link Previews

Free Plan

UI Vault’s Embedded Link Previews transform plain URLs into rich, visual cards directly inside your…

Custom Navigation

Pro Plan

With Custom Top Bar Navigation, UI Vault allows you to configure your style guide’s primary…

Mobile Layout

Free Plan

UI Vault’s Mobile Layout ensures that your entire style guide experience is fully responsive and…

View Mode

Free Plan

View Mode is UI Vault’s default reading experience—crafted to make your style guide feel clear,…

Edit Mode

Free Plan

Edit Mode in UI Vault empowers your team to update and manage design system documentation…

Custom Layouts

Free Plan

UI Vault’s Custom Layouts give you complete control over how your style guide content is…

Flipbook Navigation

Pro Plan

With Flipbook Navigation, UI Vault transforms your style guide into a linear, storybook-style journey—allowing users…

Coverpage

Team Plan

The Cover Page is the front door to your style guide—a fully customizable landing screen…

Collections Banner

Pro Plan

The Collections Banner allows you to add a custom header section at the top of…

White Glove Setup

Enterprise Plan

With White Glove Setup, UI Vault’s team of product and design system specialists will personally…

Pro Plan

Brandy’s Table of Contents feature automatically generates a clear, structured overview of your brand spaces…

Markdown text block showcasing formatted content, including headings, lists, links, and code snippets, for seamless and clean text editing.

Documentation Block

Block, Free Plan

The Markdown Text Block in UI Vault gives you the power to write and format…

File Previews

Free Plan

Brandy’s File Previews feature allows you to preview uploaded files directly within your brand space,…

Keyborard shortcuts on brandy for easier navigation

Keyboard Shortcuts

Free Plan

UI Vault is built for designers and developers who move fast. With global and context-aware…

Logo Component Block

Block, Free Plan

The Logo Component Block in UI Vault connects directly to your Figma file, pulling in…

Advanced Permissions

Enterprise Plan

UI Vault’s Advanced Permissions system gives you total control over who can view, edit, manage,…

Private Collections

Team Plan

With Private Collections, UI Vault allows you to restrict visibility and access to specific collections…

Design System Collaboration

Team Plan

UI Vault turns your style guide into a living workspace for designers, developers, and product…

Style Guide Analytics

Enterprise Plan

UI Vault’s Style Guide Analytics provides deep insights into how your design system is being…

Subcollections

Pro Plan

As design systems scale, so does complexity. With Subcollections, UI Vault allows you to nest…

Bento Layouts

Pro Plan

With Bento Layouts, UI Vault empowers you to arrange your style guide in flexible, card-based…

White Label

Team Plan

Elevate your brand experience with UI Vault’s White Label Suite—a comprehensive customization layer that lets…

Custom Branding

Pro Plan

UI Vault allows you to fully brand your style guide portal with your own logo,…

Custom URL

Team Plan

UI Vault allows you to set a custom domain for each of your style guides,…

Design System Versioning

Enterprise Plan

UI Vault’s Versioning & Changelog feature allows you to track every update to your design…

Multi-Style Guides

Pro Plan

UI Vault’s Multi Style Guides feature empowers teams to manage multiple Figma files, brands, and…

Style Guides

Free Plan

Turn your Figma styles, typography, color palettes, and components into a structured, interactive style guide…

Color Styles Block

Block, Free Plan

UI Vault seamlessly imports color styles from Figma, converting them into organized, interactive color blocks…

Text Styles Block

Block, Free Plan

UI Vault automatically pulls Figma text styles into your typography documentation, displaying them in a…

30+ Supported File Formats

Free Plan

UI Vault is built to handle the diverse nature of modern design work. With support…

Design System Checklist

Free Plan

Ensure every aspect of your design system is properly documented, reviewed, and implemented with UI…

Smart Exports

Free Plan

UI Vault’s Smart Exports gives you the power to download structured design documentation, style guides,…

Component Tagging

Free Plan

Take control of your Figma components, design tokens, and UI elements with Component Tagging in…

Style Guide Search

Free Plan

Quickly locate components, styles, typography, colors, and design tokens with Style Guide Search in UI…

Metadata

Free Plan

Bring structure and searchability to your design system with Metadata in UI Vault. Assign custom…

Shareable Style Guide Link

Free Plan

Effortlessly share your live, interactive style guide with team members, developers, and stakeholders using a…

Collections

Free Plan

Group and structure your Figma components, styles, and assets with Collections in UI Vault. Keep…

Design Collaboration

Free Plan

Bridge the gap between designers, developers, and stakeholders with real-time, collaborative design system documentation. UI…

Design Connect Block

Block, Free Plan

Sync and document your Figma design system seamlessly with UI Vault. Our cloud-based platform transforms…

Level up your Figma design system with with cloud-based style guides

Get Started

Simplifying Design System Documentation

Frequently Asked Questions

Want to know more? Please contact us for a speedy answer if your question isn’t listed here.

What is UI Vault?

UI Vault is a modern, cloud-based platform for creating, syncing, documenting, and sharing design system style guides—purpose-built for teams working in Figma.

It allows you to pull in components, text styles, colors, and tokens directly from your Figma libraries and organize them into beautiful, structured, collaborative style guides. With support for multi-brand systems, markdown blocks, role-based permissions, live collaboration, and white-labeling, UI Vault replaces static PDFs and siloed files with a living, scalable source of truth.

Whether you’re a solo designer, an agency, or an enterprise team, UI Vault helps you turn your design system into something discoverable, centralized, and actionable—by anyone, anywhere.

What is design system documentation and design system software?

Design system documentation is the structured, centralized source of truth that explains how a design system works, how to use it, and why it exists. Its purpose is to create consistency across teams, streamline collaboration between design and development, and scale your visual language across products and platforms.

In UI Vault, design system documentation is live, interactive, and connected to your Figma source of truth. Modern teams use design system software—like UI Vault—to automate, organize, and share this documentation in a way that’s always up to date, beautifully presented, and easy to access.

Who is Brandy for?

UI Vault is built for teams who care about design consistency, systematization, and scale.

Whether you’re building a design system from scratch or managing a mature multi-brand operation, UI Vault is ideal for:
– Designers who want to sync Figma components and styles into a structured, visually rich guide without manual effort.
– Developers who need clear, up-to-date documentation of design tokens, specs, and components—ready for implementation.
– Product managers who oversee multiple teams or initiatives and want centralized, branded, accessible documentation.
– Agencies managing style guides across multiple clients or projects with white-label needs and custom branding.
– Enterprises operating at scale with complex permissions, multiple brands, and internal governance standards.

UI Vault is for anyone tired of static PDFs, broken links, and outdated documentation—and ready for a living design system platform that evolves with your product.

How does billing work?

All of our plans are billed annually or monthly. Each plan has limits on brand spaces, assets, and storage, and the features differ on each tier. If you reach the limit on your plan, you will need to upgrade to make sure that your account can accommodate your growth. Plans are designed to be affordable for small business and budding agencies, and your support is greatly appreciated to fuel our product roadmap.

How is UI Vault different from its sister product Brandy?

UI Vault is designed specifically for Figma-based design system documentation, while Brandy is focused on brand asset management.

UI Vault pulls in Figma components, text styles, and color tokens and organizes them into interactive, editable, and shareable style guides. It’s purpose-built for documenting design systems, tokens, and component libraries.

Brandy is for storing, tagging, and managing logos, fonts, brand videos, marketing materials, and other creative assets—great for marketers, designers, and agencies managing files outside Figma.

In short: Brandy is your vault of brand assets, while UI Vault is your living design system linked to Figma.

What does UI Vault sync from Figma?

UI Vault connects directly to your Figma files and libraries, allowing you to sync and document alongside:
– Components (with variants, nested layers, and naming structure)
– Text styles (including font family, size, weight, line height, letter spacing, and responsive behavior)
– Color styles and tokens (organized by name and usage context)
– Design tokens (soon: spacing, radii, shadows, etc.)
– Logo components (auto-detected and displayed with download options)
– Frame previews for hero sections, illustrations, UI patterns, and more

The sync is automatic, fast, and keeps your documentation always up to date with what’s in Figma—no copy/pasting, no duplicating.

Can I use UI Vault without Figma?

You should just use brandyhq.com if you don’t use Figma.

Is UI Vault free?

Yes, UI Vault offers a generous Free plan. For teams that need multi-guide support, white-labeling, permissions, analytics, custom domains, and more—Pro, Team, and Enterprise plans are available.

Can enterprises use UI Vault?

Absolutely. UI Vault is built to scale—and enterprises are at the heart of that vision. Whether you’re managing design at the scale of a global brand or coordinating cross-functional teams across products, UI Vault gives enterprise teams the structure, control, and polish they require.

Can agencies use UI Vault?

Absolutely. UI Vault is perfectly suited for agencies managing multiple brands, clients, or design systems. UI Vault gives agencies the power to deliver professional, scalable, and visually polished documentation, all while reinforcing the agency’s value and creative leadership.

Can product managers and teams use UI Vault?

Yes—UI Vault is built to support product managers and cross-functional product teams at every stage of the product lifecycle. For product teams launching campaigns, onboarding new contributors, or coordinating with engineering, UI Vault provides clarity, structure, and alignment—without the chaos of scattered documentation.

Can Dribbble or freelance designers use UI Vault?

Yes—UI Vault is an excellent tool for freelancers, independent designers, and creators showcasing or delivering their design systems. It’s not just about delivering files—it’s about delivering systems, clarity, and long-term value. UI Vault helps freelancers look like agencies and present their work like seasoned professionals.