#427 · Primary category: AI Coding Assistants
drawbridge
Design editor for Claude Code and Cursor. "Figma Comments" for the browser, are sent directly to Claude Code and Cursor as prompts.
Project last updated:06/07/26
GitHub Stars
962
Forks
80
Contributors
9
License
MIT
Why we included this project
Frontend feedback usually stalls at the translation step: you look at the rendered page, spot a spacing issue or misplaced element, and then have to describe it well enough for an AI assistant to act on. Drawbridge is a Chrome extension that shortcuts that. Click an element or drag a rectangle over the problem area, drop a Figma-style comment and a screenshot on it, and the note gets written into your project as markdown plus structured JSON. Point Cursor, Claude Code, or Codex at that project and run /bridge, and the assistant picks up a real work queue with DOM context instead of a vague description. For solo developers and small teams who fix visual bugs faster than they can write them up, that removes most of the overhead. One caveat: the license is custom, free for lawful use and modification, but commercial redistribution or offering it as a service requires a paid license.
Articles for this project
No articles for this project yet.
To suggest a topic or contribute an article, contact us.
Related projects in this category
superpowers
An agentic skills framework & software development methodology that works.
ECC
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
skills
Skills for Real Engineers. Straight from my .agents directory.
opencode
The open source coding agent.
andrej-karpathy-skills
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.