Local Figma Desktop plugin and localhost bridge for AI-ready design handoff bundles, without Figma API, Dev Mode MCP, or access tokens.
-
Updated
Jun 18, 2026 - JavaScript
Local Figma Desktop plugin and localhost bridge for AI-ready design handoff bundles, without Figma API, Dev Mode MCP, or access tokens.
Translate design exports (HTML + screenshot) into design-system-aligned code through ten explicit gates. A Claude Code plugin.
Turn raw frontend input into a stronger handoff package before code generation.
The last mile of vibe coding. Make any AI-generated page editable in the browser; export AI-ready diffs to Cursor / Claude / your dev.
A front-end project transforming a UX student's design into a React-based landing page for a gym/fitness club. This project bridges the gap between design and development, showcasing the art of bringing visuals to life with code. The designer is Alice Li.
Precise specs, redlines, and docs that eliminate guesswork at the design-to-code boundary.
Design review, directly on your site. Inspect, annotate, and export changes as JSON for developer handoff.
This project was about transforming a UX student's design into a React-based landing page for a gym/fitness club. The design for this Yogastudio page is by Meriem Manouchi.
Turn a mockup into a dev-ready handoff spec: tokens, component states, accessibility notes, open questions
Drop it into your existing app or prototype and get a full overview of all your flows — screens, arrow connectors and the working prototype in one place, generated from the running app instead of redrawn in Figma
Lift Logger UI handoff for Flutter — 50 audited screen states + interactive prototype
Figma plugin that generates visual design-handoff specs: anatomy, properties, layout, variables, modes and more.
Free and handy AI-built tools I use every day, shared so you don’t have to spend your own tokens reinventing them.
Claude Code skill — categorized index of design tools (animation, color, prototyping, handoff, design-to-code, UI, and more).
Avocode APIs.json profile
An approval-first agent skill for exploring UI directions, validating interactive HTML prototypes, documenting approved designs in Figma, and handing work off to implementation.
Zeplin APIs.json profile for API Evangelist catalog
Add a description, image, and links to the design-handoff topic page so that developers can more easily learn about it.
To associate your repository with the design-handoff topic, visit your repo's landing page and select "manage topics."