claude

figma-to-code

Turn Figma frames into React, Vue or HTML components that reuse your design tokens and existing components, responsive and accessible. Uses Figma's official MCP server.

4 on GitHubby Stefan Petroviciv1.3.2MITupdated 1 month ago
/

Plugin figma-to-code from marketplace petrovici-plugins in petrovicistefan/claude-code-plugins. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (1)

  • figma-to-code

    Use when implementing a Figma design as UI code from a Figma link or selected frame, or when checking a component against its design.

Slash commands (1)

  • /figma-to-code:implement

    Implement a Figma frame as components in this project

MCP servers (1)

  • figma

    connects to: https://mcp.figma.com/mcp

View source on GitHub petrovicistefan.ro

More from petrovicistefan/claude-code-plugins

All 38 plugins →

Find out why your AWS bill grew: costs by service, idle EC2, EBS and Elastic IPs, plus failing Kubernetes pods explained from logs. Read-only, uses your aws and kubectl CLI.

1 skill · 3 commands

4

Find WCAG 2.2 accessibility problems in HTML, React, Vue, Svelte and Astro: missing alt text and labels, keyboard traps, focus issues and color contrast, then fix them.

1 skill · 2 commands

4

Write OpenAPI 3.1 docs from the real routes in Express, NestJS, Next.js, FastAPI, Flask, Spring and Go code, and check in CI that the docs still match the code.

1 skill · 2 commands

4

Load test your own API with a safe built-in runner or a generated k6 script: ramp-up, p50/p95/p99 latency, error rates and where it starts to saturate.

1 skill · 2 commands

4

Speed up and secure GitHub Actions and GitLab CI: find missing caches, wasted runs, missing timeouts, unpinned actions and flaky tests, using your real run times.

1 skill · 2 commands

4

Measure cyclomatic complexity, long functions, large files and duplicated code in Python, JavaScript, TypeScript, Java, Go and more, and track tech debt over time.

1 skill · 2 commands

4

Similar plugins

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

nextjs

claude

Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.

6 skills

vercel/next.js 143,495

hyperframes

claudecodex

Recommended: all published HyperFrames skills in one versioned bundle. Create and render videos from HTML: the contract, film, captions, overlays, motion and look references, the CLI, the registry, media, Figma, slideshows and Remotion ports.

22 skills

heygen-com/hyperframes 83,516

slidev

claude

Claude Code skill for creating and presenting Slidev slidedecks

1 skill

slidevjs/slidev 49,452

expo

claude

Official Expo skills for building, deploying, upgrading, and debugging React Native apps with Expo. Covers UI development with Expo Router, SwiftUI and Jetpack Compose components, Tailwind CSS setup, API routes, data fetching, CI/CD workflows, App Store and Play Store deployment, SDK upgrades, DOM components, and dev client distribution.

23 skills · 1 MCP server

anthropics/claude-plugins-official 47,076

daisyUI Blueprint MCP server - (Needs paid license)

saadeghi/daisyui 42,821

Maintain figma-to-code?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins38 plugins