faxg/pms-figma-to-web

Figma-zu-Web-Agenten-Fähigkeit oder Workflow zum Umwandeln von Designs in Code.

Was ist pms-figma-to-web?

Diese Fähigkeit ermöglicht es KI-Agenten (wie Claude Code, Cursor, Codex), Figma-Designs automatisiert in produktionsreifen Web-Code zu übersetzen. Sie reduziert den manuellen Aufwand bei der Umsetzung von Design-Spezifikationen und unterstützt Entwicklerteams dabei, konsistente und pixelgenaue Ergebnisse zu erzielen. Die Fähigkeit extrahiert Design-Metadaten, Komponentenstrukturen und Styling-Informationen aus Figma und generiert daraus HTML, CSS und ggf. Framework-Komponenten. Sie ist besonders nützlich für schnelle Prototyping-Phasen, Design-Reviews und die Integration von Designsystemen in den Entwicklungsprozess. Plattformübergreifend einsetzbar, funktioniert sie mit gängigen Agenten-Plattformen und kann in CI/CD-Pipelines eingebunden werden. Die Dokumentation beschreibt detailliert, wie Agenten die Figma-API nutzen, um Ebenen, Textstile, Farben und Abstände zu lesen und in semantischen, responsiven Code umzuwandeln – inklusive Best Practices für Barrierefreiheit und Performance.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add faxg/pms-figma-to-web

Installed? Explore more Produktivität & Zusammenarbeit skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht pms-figma-to-web?

Figma-zu-Web-Agenten-Fähigkeit oder Workflow zum Umwandeln von Designs in Code.

Verwandte Skills