The internal tool includes an annotation feature allowing users to comment directly on the live prototype. These comments are then queued up as tasks for the AI to execute, closing the loop from feedback to implementation and dramatically speeding up the iteration cycle.

Production code often evolves past design files, creating workflow friction. Figma's MCP tool uses AI to pull live application states directly into design files and push updates back to code, creating a synchronized source of truth.

When production code is the only source of truth, designers use AI to capture the live product and convert it back into a high-fidelity, componentized Figma file. This solves the common issue of undocumented engineering changes creating design drift.

Move beyond basic AI prototyping by exporting your design system into a machine-readable format like JSON. By feeding this into an AI agent, you can generate high-fidelity, on-brand components and code that engineers can use directly, dramatically accelerating the path from idea to implementation.

The IDE Zed was built for synchronous, Figma-like human collaboration to overcome asynchronous Git workflows. This foundation of real-time, in-code presence serendipitously created the perfect environment for integrating AI agents, which function as just another collaborator in the same shared space.

Documenting every UI state is tedious for designers. Now, engineers can use an AI agent to parse the live codebase and automatically export all existing states (e.g., all five steps of a signup flow) directly into a Figma file for designers to review and refine.

By performing a 'grounding step' where it reads an existing codebase's CSS, layouts, and components, an AI agent like Droid can build new features that automatically conform to the established design system. This eliminates the need for manual styling or explicit 'design system skills' to maintain visual consistency.

Figma's Design Agent aims to automate tedious tasks like maintaining design systems, renaming variables, or translating text. This frees up designers to focus on higher-level innovation and user experience problems, pushing aesthetics beyond generic "AI slop" rather than replacing core creative functions.

Instead of manually connecting screens in Figma to create a clickable prototype, Gabor tasks a specialized 'UX Flow Architect' agent. The agent analyzes the app's documentation and automatically adds all the necessary prototype arrows between screens, saving hours of manual design work.