The Vibeary — tag
design-to-code
5 resources in The Vibeary tagged "design-to-code" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection
Figma-Context-MCP (Framelink)
MCP server that converts Figma files into simplified layout JSON so coding agents generate accurate markup from designs.
figwright
Two-way Figma MCP server letting an AI coding agent read a design file and push changes back into Figma.
Pixelwright
MCP server plus Figma plugin that lets Claude Code, Cursor and Codex read and edit the open Figma Desktop file as XML with CSS, tokens and components.
Open Claude Design
Bridges Claude Design into Cursor, Codex, and other agents so designs sync from real components and tokens both ways.
pen.dev
Agent-driven design canvas running beside Cursor, VS Code, Claude Code or Codex, storing designs in an open format that lives inside your repo.