THE CANVAS

Vector editingReal shapes you grab, not code behind a preview Frames & auto layoutHug, fill, and fixed sizing that behaves Components & variantsMasters, instances, and per-instance overrides Materials & shadersLiquid glass, metal, and ~50 GPU presets Design systemsTokens, modes, and brands agents can't break

WORKING WITH AGENTS

The built-in chatA design cockpit: @-mention elements, eyedrop, pin Bring your own agentOne-click MCP for Claude Code, Cursor, Codex BlueprintThe design language agents think in, ~20x leaner Per-turn revertUndo the agent's turn, keep your own edits Quality linterSpacing and contrast checked before you see it

SHIP & SHARE

Design files as codePlain-text .bl, diffed in PRs, branched like code Export to codeReact, HTML, SVG, PDF, and video Import from FigmaBring years of files across intact Publish & collaborateLive editing, viewer links, forkable projects DropsShare one selection at its own URL

WHO IT'S FOR

Product designersDirect a team of agents on your own canvas Design engineersDesign from the agent you already work in Product managersTurn a spec into an editable artifact, not a doc Design system leadsOne system every agent is held to Founders & small teamsDesign work without a design hire

WHAT YOU'LL DO

Build feature UI from a specYour components, your tokens, real vectors Apply a brand change everywhereEdit the system once, every screen follows Explore variations fastTen directions, then refine the one by hand Move off FigmaImport your files and keep working Ship it into the codebaseHand the design to your agent, in your stack

COMPARE

Brilliant vs FigmaBuilt around agents, not retrofitted Brilliant vs SketchA canvas your agent can actually work in Brilliant vs PaperReal vectors, not HTML behind a preview

Docs

GET STARTED

Getting Started

The Editor

Tools, color, layout, and the canvas

The Editor

Master the design surface

The Editor

A map of Brilliant's design surface: the four toolbars, the canvas, per-canvas undo, and where every tool and panel lives.

Tools

Every drawing and editing tool in Brilliant, its shortcut, its modifiers, and where to find boolean ops, masks, flatten, and outline.

Selection and editing

How selection works in Brilliant, including the per-frame selection model, plus moving, resizing, rotating, aligning, and measuring.

Frames and auto layout

Frames versus groups, auto layout direction and spacing, hug/fill/fixed sizing, layout grids, and masks.

Color and fills

A guided tour of Brilliant's color picker, region by region, plus every fill type from solids and gradients to shaders and filters.

Strokes and effects

Stroke caps and position, drop shadows, glows, blurs, the effect-versus-fill distinction, blend modes, and opacity.

View all 12 pages

Built-in AI

The chat inside Brilliant, your keys

Built-in AI

Design with the built-in AI chat

Built-in AI

Brilliant's docked AI chat: bring your own key, design on the canvas, and keep every result fully editable by hand.

Providers and models

Every provider Brilliant's chat supports, how model selection and thinking levels work, and where your keys live.

Sessions and chat

Run parallel chats, compose follow-ups with mentions and attachments, use slash commands, and revert a turn.

What the AI can do

The full range of the built-in agent, from creating and editing designs to running commands, exporting, and generating images and vectors.

Privacy and consent

Exactly what the built-in chat sends, when it sends it, what it never sends, and why your keys stay out of transcripts.

Design tutorials

Two hands-on walkthroughs: prompt a landing hero into existence and iterate on it, then build a dashboard card that re-skins when you switch brands.

Files & Workspace

Canvases, import/export, settings, shortcuts

Files & Workspace

Everything around the canvas

Canvases and files

How Brilliant workspaces, canvases, folders, and assets live as plain files on disk, with autosave and per-canvas undo built in.

Import and export

Every way to get designs out of Brilliant (PNG, SVG, PDF, video, code) and back in (images, SVG, Sketch, Figma, and paste).

Settings

A tour of every Settings pane in Brilliant, plus a platform-support matrix for the macOS-only and Windows-remapped features.

Keyboard shortcuts

The complete keyboard reference for Brilliant, organized by task, with macOS and Windows columns and the Windows remaps called out.

Overlay mode

Turn Brilliant into a transparent, always-on-top layer over your whole screen for tracing, annotating, and designing on top of live apps.

Video and replay

Turn a design into a shareable clip: export MP4 or MOV video, or a one-click animated replay of your work, ready for a social post or a handoff.

View all 8 pages

The Platform

Publish, sync, and collaborate

The Platform

Your work on brilliant.design

Brilliant on the web

What brilliant.design is, how you sign in, and what your work looks like in a browser.

Publish a project

How publishing works, what public and private mean, and how checkpoints, forks, and version history behave.

How sync works

The honest data story: what uploads, when it uploads, and how offline edits and conflicts are handled.

Collaborate live

Invite people to a project, edit together in real time, and share read-only links.

Drops

Share a selection as a standalone mini-design that others can view, star, fork, and import.

Plans and billing

What is free, what the paid plans add, how storage and the daily chat cap work, and what happens if you downgrade.

View all 9 pages

BUILD

Connect an Agent

Claude Code, Cursor, Copilot, and more

Connect an Agent

Point your AI tool at Brilliant

Use with AI agents

Drive Brilliant's canvas from any MCP-speaking agent, from Claude Code to Cursor, or from the chat built into the app.

Claude Code

Connect the Claude Code CLI to Brilliant so you can design on the canvas without leaving your terminal.

Claude Desktop

Connect Claude Desktop to Brilliant with a small bridge, since its config only speaks local stdio servers.

Cursor

Connect the Cursor editor to Brilliant and design on the canvas from Cursor's agent.

Codex

Connect OpenAI's Codex CLI to Brilliant and design on the canvas from your terminal.

Copilot

Connect GitHub Copilot in VS Code to Brilliant and design on the canvas from Copilot's agent mode.

View all 8 pages

Design System

Tokens, modes, and brands

Design System

Author your design language

Overview

What design tokens are and why they matter.

Authoring

The grammar for authoring a Styles file.

Tokens

Every token type and how it is generated.

Modes & Brands

Light and dark, custom axes, and multi-brand overlays.

Import from Figma

Bring your existing designs in

For Developers

The Blueprint DSL that agents speak

For Developers

The language agents write, and the checks it runs

The Blueprint DSL

A plain-language look at Blueprint, the compact text language AI agents use to create and edit elements on a Brilliant canvas.

Quality linter

The two gates every agent edit passes through: a validator that rejects bad lines before the canvas sees them, and a composition linter that checks the real geometry after.

All docs

Browse everything, or search with Cmd+K

Pricing

Book a demo

Get in touch

Questions, feedback, or thinking about Brilliant for your team? Here's how to reach us.

General

hello@brilliant.design

Questions, feedback, or just saying hi.

Teams & sales

sales@brilliant.design

Rolling Brilliant out across your team.

Come hang out with the community

Design, With Superpowers.

Product

Pricing
Playground

Company

Manifesto
Blog

Docs

Getting Started
Connect an Agent
Import from Figma
Brilliant vs Figma
Brilliant vs Sketch

Legal

Privacy
Terms
DPA
Subprocessors
Cookie Preferences

We use cookies to understand how you use our site. Analytics cookies help us improve. You can accept them, reject them, or manage preferences.

Customize