noemuch

noemuch / bridge

Public

Design in Figma with Claude Code. Bridge connects your terminal to the Figma Plugin API via WebSocket.

49
2
100% credibility
Found Mar 10, 2026 at 15 stars 3x -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
JavaScript
AI Summary

Bridge connects AI tools to Figma so they can generate editable designs using a user's actual components, variables, and text styles.

How It Works

1
🔍 Find Bridge

You hear about Bridge, a friendly tool that lets AI build real designs inside your Figma files using your own buttons, colors, and fonts.

2
📥 Quick install

Copy and paste one simple command into your terminal, and Bridge sets itself up neatly on your computer.

3
🛠️ Start your project

Go to your design project folder and run 'bridge init' – it walks you through easy steps like adding a tiny helper inside Figma.

4
🔌 Link to Figma

Open Figma, run the new helper plugin, and Bridge connects everything so AI can reach your designs safely.

5
📦 Collect your pieces

Bridge gathers your custom buttons, color choices, and text looks from Figma, saving them as handy lists for the AI.

6
💬 Ask AI to design

Chat with your AI friend and say 'design a screen' – it uses your real pieces to create step by step.

✨ Real designs appear

Beautiful, production-ready designs pop up right in your Figma file, just like a pro designer made them.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 15 to 49 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 bridge?

Bridge (noemuch/bridge on GitHub, like bl_bridge github or cv_bridge github) is a JavaScript WebSocket bridge linking your terminal to Figma's Plugin API. It lets Claude Code generate real Figma designs—frames, components, bound variables, text styles—from AI prompts, skipping mockups for production layers. Curl-install the CLI, run `bridge init` to extract DS keys into JSON registries, start the server, and fire HTTP commands to build UIs atomically.

Why is it gaining traction?

Unlike Figma REST API (read-only), it executes full Plugin API scripts remotely for dynamic creation. Atomic steps with screenshots catch bugs early; CLI extracts components/variables for accurate AI use. Hooks devs with design figma with ai: prompt for design figma app, design figma dashboard, or design figma template directly in your file.

Who should use this?

UI/UX engineers automating design figma mobile app or design figma website from specs in design document github repos. Teams blending AI workflows with Figma libraries for rapid prototyping. Suited for design figma free experiments, like bridgerton-inspired dashboards or bridget jones-style forms.

Verdict

Early with 13 stars and 1.0% credibility score—maturity low, no tests visible—but thorough docs cover API pitfalls. Worth a spin for design figma with ai tinkerers; hold for teams needing reliability.

(178 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.