ZapCode

About

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.

Key Features

• 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.

Use Cases

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