Direct agents with visual prompts in Design Mode

Design Mode is an updated feature that enhances the interaction between users and agents by allowing seamless, in-context editing of user interfaces. This mode enables designers, product managers, and frontend developers to communicate changes through pointing, drawing, or voice narration directly on the running product, thereby shortening the loop between identifying and implementing edits. With tools that support multi-select, drawing, and voice input, users can efficiently convey their intent to agents, who then make precise code changes without interrupting the workflow. By integrating spatial context and detailed element information, Design Mode facilitates a fluid editing process that aligns with the dynamic nature of UI development, allowing users to multitask and manage multiple changes simultaneously. This capability is powered by technologies like Composer 2.5, ensuring quick and effective UI modifications that keep users in a productive flow state.