🎨 Design System Documentation

Design System Software for Teams

Manage multiple Figma style guides in one place! Instantly stand out in front of stakeholders by sharing a style guide link from the world’s #1 most powerful design system software.

Get started. It’s FREE

Free Style Guide. Easy Setup.

https://app.brandyhq.com/brandy-demo

Powered by UI Vault

Design System Software for product designers.

Design System Management, Simplified

Turn your design system documentation into a source of truth. UI Vault syncs Figma frames, components, colors, and text styles directly into organized Style Guides—no more scattered files or outdated references. Empower your product design team and get started for free!

UI Vault Features

Built by designers for product designers and agencies. UI Vault helps marketers get the most out of your frames, components, colors & text styles without relying on design teams. Empower your agency or product design team and get started for free!

Integrates with Figma

You can upload photos, illustrations, fonts, text, or spreadsheets to your brand space. More supported formats are coming soon.

Free forever

Shareable style guide link

Share brand assets with your colleagues, clients, or journalists with an easy-to-remember link.

Free forever

Version history

Don’t waste time generating hundreds of files that might never be used. Use smart exports for the files you need on demand.

Free forever

Color styles block

Colors and fonts are a big part of your brand. That’s why we made color palettes in RGB, HEX, or HSL format easy.

Free forever

Text styles block

Upload and display your fonts, or generate fonts using the styles generator. It’s that easy.

Free forever

Documentation block

Markdown allows you to add rich text, tables, quotes, code snippets, or links next to your Figma frames, components, and styles.

Free forever

Tagging and metadata

Give your assets tags and metadata to make them easier to find on our powerful asset search.

Free forever

Powerful full-text search

Find what you are looking for in seconds. You can search all your assets by name, file type, or custom tags.

Free forever

Design system checklist

Whether you’re an SMB, Enterprise, or college student, we have the education within UI Vault to create a professional style guide.

Free forever

Private style guides

Some things are meant to be private. Lock your style guides and give access to specific of users.

Pro

Branded style guides

Support for custom branding, primary color, navigation items, and domain name for each style guides.

Pro

Sub-collections

Level up your collections and further organize your style guides with sub-collections.

Pro

Multiple style guides

Agency, studio, or a freelance designer? Create and switch between multiple style guides from a single account.

Team

Private Collections

Keep specific collections private from the public or other editors if you desire enhanced controls.

Team

Team Collaboration

Collaborate with team members on your Figma design system documentation in a document-style format.

Team

Unlimited style guides

Visualize how your design system style guide are shared and used across partners and internal stakeholders.

Enterprise

Style guide analytics

Analyze your style guides to see how many views, edits, or downloads on your components.

Enterprise

Advanced permissions

Most style guides can be public, but large-scale products need privacy and governance. Use permissions to create private collections.

Enterprise

Innovative Software for Design System Docs

Explore powerful features crafted to help product designers, developers, and teams scale design systems with precision and consistency.

Free Forever

UI Vault’s core platform is free forever, giving individuals and small teams the tools they need to create living style guides powered by Figma—without cost or compromise.

Collaboration

Empower your team with real-time editing, comments, mentions, and shared checklists. UI Vault ensures everyone stays aligned—from first token to final component.

Design System Style Guides

Organize synced Figma components, color styles, and text styles into visual collections with documentation, usage notes, and previews—no manual upload required.

Bento Layouts

Create structured, grid-based guide layouts using Bento-inspired blocks. Perfect for showcasing components, tokens, usage instructions, and visual hierarchy in a modern, modular format.

Figma Integration

Connect your design system to its single source of truth. Directly integrate with Figma to sync components, text styles, color tokens, and logos into a structured, always-up-to-date style guide.

Customization

Set your own logo, favicon, domain, login portal, and branding to deliver fully white-labeled style guides to clients, partners, or internal teams—with no mention of UI Vault.

We are proudly backed by the Adobe Fund for Design, a $10 million initiative by Adobe to support developers, teams, and startups creating innovative design tools and services. It offers financial resources, mentorship, and access to Adobe’s technology, aiming to foster creativity and enhance the design ecosystem.

Solutions for Product Designers and Beyond

UI Vault empowers multiple use cases to build beautiful design system docs.

Agencies

UI Vault gives agencies a scalable, white-labeled platform to create and manage design system documentation…

Design Teams

UI Vault empowers design teams to build, document, and evolve design systems with precision. Sync…

Nonprofits

Bring consistency, accessibility, and impact to your nonprofit’s digital presence. UI Vault empowers nonprofit teams…

Governments

Modernize and unify design systems across departments, cities, and agencies with UI Vault. From transportation…

Colleges & Universities

Standardize and scale your institution’s digital identity across departments, campuses, and programs. With UI Vault,…

Banks & Credit Unions

UI Vault empowers financial institutions to maintain design consistency, regulatory compliance, and cross-platform clarity through…

Professional Services

UI Vault gives professional services firms a powerful, white-labeled platform to build, document, and present…

Consultants

UI Vault empowers consultants to deliver scalable, maintainable design systems to clients—without building custom infrastructure….

Startups

UI Vault helps startups build and document design systems that scale—without slowing down product velocity….

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.

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

Get Started

Blog

The latest in design system software, Figma, Adobe, and style guide management.

What Happens When a Design System Is Launched but Not Learned

🎨 Design System Documentation

Design System Software for Teams

Powered by UI Vault

Design System Management, Simplified

UI Vault Features

Integrates with Figma

Shareable style guide link

Version history

Color styles block

Text styles block

Documentation block

Tagging and metadata

Powerful full-text search

Design system checklist

Private style guides

Branded style guides

Sub-collections

Multiple style guides

Private Collections

Team Collaboration

Unlimited style guides

Style guide analytics

Advanced permissions

Innovative Software for Design System Docs

Free Forever

Collaboration

Design System Style Guides

Bento Layouts

Figma Integration

Customization

Solutions for Product Designers and Beyond

Simplifying Design System Documentation

Frequently Asked Questions

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

Blog