Design & UX ANTHROPIC Editor's Pick

Figma to Code

4.93 von 5 (3.162 Bewertungen)

Übersetzt Figma-Frames in sauberen HTML/CSS- oder React-Code mit klarer Struktur.

Level ●● Intermediate
Spart 3, 5h pro Seite
Version v1.0
Updated 2026-05-19
Verfügbar in: claude-codecowork

Für wen

Designer, Frontend-Entwickler, kleine Web-Agenturen

Use Cases

  • Schnelles Umsetzen eines Figma-Landingpage-Designs in produktionsnahen Code.

Sag das, um den Skill zu aktivieren

„"Konvertiere diesen Figma-Frame in React""„"Erzeuge HTML/CSS aus diesem Figma-Link""

Installieren

claude skills install anthropics/skills/figma-to-code

Brauchst du Hilfe beim Setup? Wie installiere ich Skills →

SKILL.md

---
name: figma-to-code
description: Übersetzt Figma-Frames in sauberen HTML/CSS- oder React-Code mit klarer Struktur.
---

# Figma to Code

## What this skill does
Übersetzt Figma-Frames in sauberen HTML/CSS- oder React-Code mit klarer Struktur.

## Use Case
Schnelles Umsetzen eines Figma-Landingpage-Designs in produktionsnahen Code.

## Triggers
- "Konvertiere diesen Figma-Frame in React"
- "Erzeuge HTML/CSS aus diesem Figma-Link"

## Best for
Designer, Frontend-Entwickler, kleine Web-Agenturen

Skill teilen

Über diesen Skill

Figma to Code kommt von Anthropic und ist Teil des offiziellen Anthropic-Skills-Repos. Kuratiert und gepflegt von Anthropic. Quelle ansehen ↗