Skip to main content
  1. Home/
  2. The Vibeary/
  3. design-to-code

The Vibeary — tag

design-to-code

4 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.

Search all gemsNewest additions

Gems in this collection

Preview of Figma-Context-MCP (Framelink)

Figma-Context-MCP (Framelink)

MCP server that converts Figma files into simplified layout JSON so coding agents generate accurate markup from designs.

GLips (@GLips)MIT
Preview of figwright

figwright

Two-way Figma MCP server letting an AI coding agent read a design file and push changes back into Figma.

awdr74100open-source
Preview of Open Claude Design

Open Claude Design

Bridges Claude Design into Cursor, Codex, and other agents so designs sync from real components and tokens both ways.

Max Ritter (@maxritter)free
Preview of pen.dev

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.

pen.devfreemium

the Vibing Company®

the Vibing Company®

Est. for tomorrow.

hello@vibing.inc

Navigate

  • Home
  • Services
  • Pricing
  • About
  • Hiring
  • Contact
  • Start a project

Library

  • The Vibing Library
  • New this week
  • Best-of round-ups
  • Creators
  • Submit a project
  • Featured badge
  • Design generators
  • UI components
  • AI skills & MCP
  • Motion & animation
  • Shaders & WebGL
  • Starters to clone

Guides

  • All guides
  • What is vibe coding
  • Lovable vs Cursor
  • Build an MCP server
  • Export Lovable Cloud data
  • iOS Safari white bar fix

Elsewhere

  • Developer docs & API
  • For agents
  • llms.txt
  • OpenAPI
  • MCP manifest
  • X
  • Terms
  • Refunds
  • Privacy
  • Cookies
  • Imprint
© 2026 the Vibing Company®