# Design To Code

> Browse 4 items tagged with Design To Code.

## Items

- [Figma Dev Mode MCP](https://mcpserver.ever.works/fr/items/figma-dev-mode-mcp) — Official MCP server from Figma that exposes live structure of selected designs to AI assistants, including hierarchy, auto-layout rules, variants, text styles, spacing tokens, and component references. Allows AI to generate accurate code from real design specs rather than screenshots, reducing friction in frontend development.
- [Ragavi ImmoBricks](https://mcpserver.ever.works/fr/items/ragavi-immobricks) — Facilitates communication between AI coding tools and Figma design files for efficient code generation based on design specifications.
- [Figma](https://mcpserver.ever.works/fr/items/figma) — Gives your coding agent direct access to Figma file data, helping it one-shot design implementation. Enables AI to read design tokens, layouts, and component properties for accurate code generation.
- [Figma to Flutter](https://mcpserver.ever.works/fr/items/figma-to-flutter) — Translates Figma design tokens and enriched node data into clean Flutter code using Flutter terminology. Converts design specifications directly into production-ready Flutter widgets and layouts.

---

_Canonical page: https://mcpserver.ever.works/fr/tags/design-to-code_