The debate over designing in code versus a visual canvas is outdated. The modern workflow isn't about choosing one, but fluidly moving between both tools based on the task: canvas for broad exploration and code for deep, interactive prototyping.

The company's AI agent monitors team communications. If it detects a disconnect—like a missing component or an attempt to hard-code a design—it automatically initiates a process to create and add the necessary component to the central Figma design system.

AI-powered "vibe coding" is reversing the design workflow. Instead of starting in Figma, designers now build functional prototypes directly with code-generating tools. Figma has shifted from being the first step (exploration) to the last step (fine-tuning the final 20% of pixel-perfect details).

The handoff between AI generation and manual refinement is a major friction point. Tools like Subframe solve this by allowing users to seamlessly switch between an 'Ask AI' mode for generative tasks and a 'Design' mode for manual, Figma-like adjustments on the same canvas.

When using AI for development, designers can bypass the traditional Figma-to-code workflow. Figma becomes a specialized tool for the final 20% of the project, used to generate CSS for complex visual details that are difficult to articulate in a text prompt.

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.

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.

Dylan Field finds that pushing AI models to their limits and getting them to say weird things helps him learn how to structure professional prompts more effectively. This playful exploration builds intuition for controlling model behavior in a work context.

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.