AsifKabirAntu

AsifKabirAntu / figsor

Public

Figsor is an MCP server that bridges Cursor to Figma, enabling chat-driven design creation and editing - directly on your Figma canvas.

42
7
100% credibility
Found Mar 11, 2026 at 32 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
JavaScript
AI Summary

Figsor connects an AI code editor to Figma so users can create, edit, and refine UI designs through simple chat commands that build elements live on the canvas.

How It Works

1
🔍 Discover Figsor

You find Figsor, a handy bridge that lets you chat design ideas in your AI coding helper and see them appear right in Figma.

2
📥 Add Figma helper

Grab the simple Figma add-on from the repo and slip it into your Figma like any other plugin.

3
⚙️ Connect your AI chat

Whisper to your AI coding app to team up with Figsor using a quick one-line note in its preferences.

4
🎨 Start in Figma

Open your Figma design file, run the Figsor helper, and get ready for ideas to come alive.

5
💬 Describe your design

Chat casually in your coding app, saying things like 'Build a dashboard with charts and cards' or 'Round the buttons and make them blue'.

6
✨ Watch it build

Elements like frames, text, shapes, and layouts pop up instantly on your Figma canvas, with cute agent cursors moving like a design team at work.

7
🔄 Refine easily

Keep chatting to tweak colors, add shadows, rearrange, or use your own design pieces – it all updates smoothly.

✅ Designs ready to go

You've whipped up polished screens and layouts in minutes, feeling the boost of an instant design squad.

Sign up to see the full architecture

6 more

Sign Up Free

Star Growth

See how this repo grew from 32 to 42 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is figsor?

Figsor bridges Cursor AI chats to Figma, enabling chat-driven design creation and editing directly on your Figma canvas. Chat prompts like "build a login screen" or "add rounded blue buttons" generate frames, text, auto-layout, components, and vectors via a JavaScript MCP server and Figma plugin. It solves the app-switching grind, turning natural language into production-ready designs with 45+ tools for typography, gradients, variables, and SVG exports.

Why is it gaining traction?

Unlike basic Figma plugins or Cursor extensions, figsor exposes full Figma API depth—booleans, text ranges, constraints, peer design agents with animated cursors mimicking collaborators, and Quiver integration for prompt-to-SVG art. Built-in design guides fight AI slop (no default indigo), while pro features scan your design systems for consistent components. Devs hook on the seamless Cursor-to-canvas flow for rapid prototyping.

Who should use this?

UI/UX designers prototyping mobile apps or dashboards in Cursor. Frontend teams iterating Figma mocks during sprint reviews without manual tweaks. Solo makers generating figsor-style interfaces, from simple cards to variable-bound themes, skipping boilerplate layout work.

Verdict

Solid for Cursor-Figma power users despite 13 stars and 1.0% credibility—docs are crisp, setup is npx-simple, but test on throwaway files given early maturity. Try if chat-driven canvas editing fits your flow; skip for battle-tested alternatives.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.