Integrations

Connect Workbench to the tools you already use

Bring your design system in from Figma, let AI assistants propose changes through the same approval flow, and take approved work out as files or a published site.

Animated product demo: Workbench extracts brand colors, type, and components from a live site, imports a design system from Figma, and applies the Brand Style to the preview.
Sample workspace

Extract

Figma

Your design system, imported

Tokens and components

Connect a Figma personal access token and import your colors, type, and components into a Brand Kit.

Used during generation

Imported components are reused when Workbench generates and edits designs, so output matches what your team already ships.

Reference Style

Describe the direction you want in a Reference Style to steer generation beyond your tokens.

Animated product demo: a designer requests a review, reviewers comment on the before and after, approve the redesign, and the site is published.
Sample workspace

Request

MCP server

AI assistants that follow your review process

Connect with an API key

Assistants that support the Model Context Protocol can list, search, and read your site's pages.

Proposals, not edits

Assistants propose page changes or new pages. Every proposal is checked against safe-change rules before anyone sees it.

Same approval flow

Proposals go to review like any other change, and a person approves or rejects them.

Animated product demo: the Projects list shows every site redesign with its status, statuses update as work moves, the list is filtered to projects in review, and one opens in the editor.
Sample workspace

Projects

Export and publish

Take approved work anywhere

Export

Download an approved design as HTML or as an image.

Publish with your domain

Publish the approved site and connect your own domain.

Share links

Send a preview link to stakeholders who don't have a Workbench account.

Workbench

Connect your stack

Start free, or talk to us about your design system and review process.