Figma Make gets visual editing controls
Figma is adding a properties panel and an annotation tool to the Figma Make editor, bringing more interactive, visual ways to modify code. The update targets the gap between prompt-based editing and fine-grained design control, letting users adjust properties directly or mark up specific areas for the agent to change.
The new properties panel mirrors familiar controls from Figma Design, including spacing, typography, layout, opacity, z-index, and border styles. To use it, select "Edit" in the top right toolbar and tweak values such as line height, letter spacing, or corner radii. Elements can also be dragged to reorder them. The full DOM tree is visible while working, and selecting a single instance of an element can apply changes to all matching instances at once.
Edits made through the properties panel currently respect the color and typography tokens already defined in the codebase. According to Figma, upcoming support for Code Connect will link Make to Figma Design components to keep both sides in sync.
Direct manipulation instead of prompts
One stated benefit of direct manipulation is efficiency. Because the tool gives the agent a precise target rather than requiring a natural-language description, edits consume fewer tokens and complete faster than equivalent text prompts. Every adjustment is staged in the chat panel first, showing up as pending edits that don't consume credits until applied. Users can review or discard them before committing, at which point Make updates the underlying code and creates a new file version.
Annotations for context-heavy changes
For edits that go beyond visual properties, the new "Annotate for agent" mode lets users mark focus areas directly on the canvas and describe the intended change in plain language. Examples from Figma include hover effects on thumbnails, delayed fade-ins, or press effects on buttons. The agent reads the marked context and applies the requested change across all selected elements in the code, which is meant to cover cases where multiple elements or interactions are involved.
Availability and rollout
The properties panel and annotations are rolling out now to all seats and plans in Figma Make, and both features consume credits. The properties panel only works with newly created Make designs; previously created designs will continue using the older editing tool. Figma also noted that the same editing experience is planned for code layers in Figma Design, allowing this workflow directly on the canvas.
