Workbench turns a live site into three on-brand directions. Compare them, pick one, and refine it in chat or Edit mode, with Brand Style keeping every change on brand.
Design teamsSee every direction next to the original.
Before and After in one view
Every revision
Desktop, phone and free width
Compare three directions, refine in chat or Edit mode, and keep the brand intact.
WorkbenchPaste a URL
Put the live site next to the current revision with one click in the preview toolbar.
Step through V1, V2 and later, and compare each one against the original.
Check the phone view or any width before you present anything.
Preview
Brand Style captures colors, fonts and components from the live site, or from your Figma file.
Fix fonts and add colors the extraction didn't find before anything is generated.
Describe the mood, type and layout you're after, and generation follows it.
Extract
Frequently asked questions
Design teams: common questions
Can I control the details myself?
Yes. Edit mode lets you edit text in place and set font, size, weight, color, padding and corner radius.
Does Workbench replace my design tool?
No. It gets you from a live site to a reviewed direction fast. Import styles from Figma, and export HTML or PNG when you need them elsewhere.
Can clients review without an account?
Yes. Share a read-only preview link. It needs no sign-in and expires automatically.