# Workflow lab: Expanding the canvas with Figma MCP

DevFeed: [Workflow lab: Expanding the canvas with Figma MCP](<https://devfeed.tech/articles/workflow-lab-expanding-the-canvas-with-figma-mcp-10261.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/workflow-lab-expanding-the-canvas-with-figma-mcp/>)

Author: Brett McMillin

Published: 2026-04-30T12: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>), [MCP Server](<https://devfeed.tech/topics/mcp-server.md>), [Model Context Protocol](<https://devfeed.tech/topics/model-context-protocol.md>), [Development](<https://devfeed.tech/topics/development.md>), [agentic-coding](<https://devfeed.tech/topics/agentic-coding.md>)

Tags: [agentic-coding](<https://devfeed.tech/tags/agentic-coding.md>), [design](<https://devfeed.tech/tags/design.md>), [developer](<https://devfeed.tech/tags/developer.md>), [figma](<https://devfeed.tech/tags/figma.md>), [mcp](<https://devfeed.tech/tags/mcp.md>), [workflow](<https://devfeed.tech/tags/workflow.md>)

## AI overview

This Workflow Lab article presents a sample workflow using Figma MCP to bring real product states and code context onto the design canvas. It follows a designer and developer addressing states such as encoding errors, render status, empty selections, and unsupported formats as a feature evolves in code.

## Source excerpt

As teams build faster, design and code can drift apart just as quickly. This workflow shows how to close that gap--bringing real product states onto the canvas so designers can shape what actually ships.