Edit Design with AI

Edit existing designs without starting over

You have a screen in Figma. Maybe it is a dashboard, a settings page, a product detail view. You need to add something or change part of it. A popup, a new section, a different layout for one area.

You could do it manually. Or you could select the frame, tell Enzo what you want, and watch it apply the changes using your actual design system. That is what Edit Design does.

How Edit Design works

Select a frame in Figma. Write a prompt describing what you want. "Add a popup with a three day countdown in the bottom right corner." "Replace the sidebar with a collapsible menu." "Add a notification banner at the top."

Enzo takes your prompt, searches your indexed design system for components that fit, plans the changes, and applies them directly to your frame. The result uses your real buttons, your real color tokens, your real text styles. Not generic placeholders.

The whole process takes about two minutes.

Two editing modes

When you start an edit, Enzo asks which mode you want. This matters.

Component mode

Component mode produces clean, production-ready edits. When Enzo uses one of your existing components, it keeps the instance intact. It only changes the text, the variants, and the props. The component link stays unbroken.

Use component mode when you are working on something that will ship. The output is structured, clean, and ready to hand off to development.

Draft mode

Draft mode is for exploration. Enzo can break component instances and make one-off edits that would not be possible in component mode. Need to test a layout idea that does not fit your current component library? Draft mode lets you do that.

Use draft mode for A/B testing ideas, trying new layouts, or exploring directions before committing to a component structure.

What happens under the hood

After you submit your prompt and pick a mode, Enzo does four things:

1. Creates a backup of your current frame. Your original is safe.
2. Searches your design system for existing components that match what you asked for. Buttons, cards, inputs, whatever fits the prompt.
3. Plans the changes before touching anything. It figures out where new elements go, what gets moved, and how to maintain the existing layout.
4. Applies the edits directly to your frame in Figma. Real layers, real components, real Auto Layout.

Everything Enzo creates is native Figma. Named layers, Auto Layout frames, proper component instances (in component mode). You can edit anything it produces exactly like you built it yourself.

It uses your design system

This only works well if you have run Index Design System first. That step saves your components, tokens, and styles to Enzo's database. Without it, Enzo has no context and would generate generic output.

With the index in place, Edit Design pulls from your actual component library. In the demo, Enzo created a countdown popup using the correct button component, the right color styles, and the right text styles from the project. Not a random button with a random color. The real one.

You are still the designer

Enzo gets you 80-90% of the way there. The structure, the component choices, the layout. But there are always details you will want to adjust. An icon that does not feel right. Spacing that needs a tweak. A color variant that should be different.

That is by design. Enzo handles the structural work so you can focus on the details that matter. You can keep editing manually, or run another Edit Design prompt to refine further.

When to use Edit Design vs Create Design

Create Design generates a new layout from scratch. Edit Design modifies an existing frame.

Use Create Design when you are starting with a blank canvas. Use Edit Design when you already have something and want to add to it, change part of it, or try a variation.

They work together. Create a layout with Create Design, then iterate on specific sections with Edit Design.

Who should use this

Anyone with an existing Figma project and an indexed design system who wants to make changes faster. Product designers iterating on screens. Design leads testing layout variations. Anyone who spends time on repetitive structural edits that do not require creative judgment.

Getting started

Run Index Design System first (if you have not already). Select a frame in your Figma project. Open Enzo and describe the edit you want. Pick component mode or draft mode. Wait about two minutes. Review the result and tweak the details.