Local Figma Port – export scoped design context to MCP for AI coding agents (github.com)

Local Figma Port has been launched as a revolutionary tool that connects Figma design data directly to AI coding agents like Codex and Claude Code. This innovation eliminates the need for manual JSON handoffs or copy-pasting, allowing developers to export selected design components quickly and efficiently. Users can install the tool and get it running in under two minutes, making it accessible for teams focusing on UI design using structured systems without requiring a paid Figma account. The significance of Local Figma Port lies in its ability to streamline the design-to-code workflow, addressing a common pain point for developers who struggle with unstructured design files. By allowing the export of only relevant design slices—including layouts, styles, and graphics—the tool normalizes data into a more manageable format for coding agents. This focused approach leads to improved code generation quality, as agents are presented with a narrowed scope rather than an overwhelming amount of data. Key features include real-time context access through a local MCP server, enabling coding agents to generate more accurate outputs and enhancing overall development efficiency.