# Import a Figma design into Webflow with one prompt

DevFeed: [Import a Figma design into Webflow with one prompt](<https://devfeed.tech/articles/import-a-figma-design-into-webflow-with-one-prompt-9212.md>)

Original publisher: [Read original article](<https://webflowmarketingmain.com/blog/import-figma-to-webflow-mcp>)

Author: Stefan Judis

Published: 2026-08-06T00:00:00Z

Content type: article

Language: en

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

Topics: [Figma](<https://devfeed.tech/topics/figma.md>), [webflow](<https://devfeed.tech/topics/webflow.md>), [MCP](<https://devfeed.tech/topics/mcp.md>), [Claude](<https://devfeed.tech/topics/claude.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Tooling](<https://devfeed.tech/topics/tooling.md>), [Template](<https://devfeed.tech/topics/template.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [anthropic](<https://devfeed.tech/tags/anthropic.md>), [claude](<https://devfeed.tech/tags/claude.md>), [design](<https://devfeed.tech/tags/design.md>), [development](<https://devfeed.tech/tags/development.md>), [figma](<https://devfeed.tech/tags/figma.md>), [figma-plugin](<https://devfeed.tech/tags/figma-plugin.md>), [mcp](<https://devfeed.tech/tags/mcp.md>), [tokens](<https://devfeed.tech/tags/tokens.md>), [tooling](<https://devfeed.tech/tags/tooling.md>), [webflow](<https://devfeed.tech/tags/webflow.md>)

## AI overview

The article describes importing a Figma design into an empty Webflow site using Claude Desktop, two MCP connectors, and a single loose prompt. The process creates design tokens, classes, components, and uploaded assets without a dedicated Figma import tool or manual rebuilding.

## Source excerpt

Use Claude connectors to import a Figma design into Webflow. Webflow MCP handles tokens, classes, components, and assets.