Figma for Grok

Read Figma designs and generate code in Grok

Community-builtGrok
Community-built connector. This isn't published by Figma — it was built by the community and may need self-hosting or an API key. Request an official connector — we pass demand on to vendors.

01What it does

Access Figma files and design data so Grok can understand designs and generate flowcharts, code, and UI implementations.

02How to connect

Grok

1. Go to grok.com/connectors. 2. Click New Connector and select Figma. 3. Sign in with OAuth. Catalog connector endpoint: https://mcp.figma.com/mcp

03Pricing

See the vendor site for current pricing.

04Related connectors

508

Wix

Wix sites from chat

OfficialClaudeGeminiContent & Design
139

Figma

Turn Figma designs into working code with AI

OfficialClaudeContent & Design
496

Webflow

Edit your site and CMS content by asking

OfficialClaudeChatGPTContent & Design
148

Framer

Let Claude read and edit your open Framer project

Community-builtClaudeContent & Design