# Workflow lab: Moving between design and code with agents

DevFeed: [Workflow lab: Moving between design and code with agents](<https://devfeed.tech/articles/workflow-lab-moving-between-design-and-code-with-agents-10263.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/workflow-lab-moving-between-design-and-code-with-agents/>)

Author: Riccardo Erra

Published: 2026-08-26T22:00:00Z

Content type: tutorial

Language: en

Sources: [Figma Blog](<https://devfeed.tech/sources/figma-blog.md>)

Topics: [Figma](<https://devfeed.tech/topics/figma.md>), [AI-assisted coding](<https://devfeed.tech/topics/ai-assisted-coding.md>), [dev-tools](<https://devfeed.tech/topics/dev-tools.md>), [Code](<https://devfeed.tech/topics/code.md>), [Pull Request](<https://devfeed.tech/topics/pull-request.md>)

Tags: [agents](<https://devfeed.tech/tags/agents.md>), [ai](<https://devfeed.tech/tags/ai.md>), [code](<https://devfeed.tech/tags/code.md>), [coding](<https://devfeed.tech/tags/coding.md>), [design-systems](<https://devfeed.tech/tags/design-systems.md>), [dev-tools](<https://devfeed.tech/tags/dev-tools.md>), [developers](<https://devfeed.tech/tags/developers.md>), [figma](<https://devfeed.tech/tags/figma.md>), [ui](<https://devfeed.tech/tags/ui.md>), [workflow](<https://devfeed.tech/tags/workflow.md>)

## AI overview

This workflow lab shows how designers and developers can use Figma, Figma dev tools, and coding agents to keep design and code aligned. It follows a feature from wireframes through implementation and review, emphasizing approved components, design tokens, and richer context to improve generated code and reduce rework.

## Source excerpt

Coding agents are reshaping how developers build, but they're only as good as the input they're given. This workflow explores how context keeps code and canvas in sync.