ZapCode

概要

ZapCode bridges the gap between Figma designs and VS Code AI coding assistants, allowing AI tools that support the Model Context Protocol (MCP) to access real-time context from Figma frames. By establishing a local connection between the ZapCode Figma Plugin and VS Code, it enables AI assistants to request and use Figma context automatically, leading to more accurate code generation that reflects design intent.

主な機能

• Ensures secure and local communication without sending design data to external servers.
• Hosts a local SSE MCP server discoverable by compatible AI clients.
• Establishes a real-time connection between the ZapCode Figma Plugin and VS Code.
• 4 GitHub stars
• Offers status bar control for easy activation and deactivation.
• Provides the `get_figma_context` MCP tool for AI assistants to request Figma data.

ユースケース

• Automatically fetching Figma context for AI-assisted code generation.
• Creating HTML and CSS for selected Figma frames.
• Generating React components based on Figma designs.