#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