Blog
Anleitungen zu HTML to Figma, Auto Layout, Designsystemen und KI-zu-Design-Workflows.
CSS to Figma Auto Layout: Flexbox und Grid richtig abbilden
Flexbox und Figma Auto Layout sehen sich ähnlich, sind aber nicht dasselbe Modell. Dieser technische Leitfaden ordnet CSS-Eigenschaften den Auto-Layout-Einstellungen zu, erklärt, warum Verifizierung wichtig ist, und zeigt, wie du CSS schreibst, das sich sauber importieren lässt.
22. Oktober 2026 · 10 Min. Lesezeit
Localhost to Figma: Jede Seite mit der Chrome-Erweiterung
Manche Seiten erreicht ein URL-Import nicht: deinen localhost-Build, ein Dashboard hinter einem Login, ein Menü, das gerade geöffnet ist. Die kostenlose HTML to Frames Chrome-Erweiterung erfasst sie aus deinem eigenen Browser und macht daraus bearbeitbare Figma-Ebenen.
21. Oktober 2026 · 9 Min. LesezeitAI to FigmaAI to Figma: UI aus Claude und Cursor per MCP nach Figma
KI-Coding-Tools bauen in Minuten eine funktionierende UI, aber Designer brauchen sie trotzdem in Figma. So verbindest du Claude Code, Claude Desktop oder Cursor per MCP mit HTML to Frames und bekommst bearbeitbare Ebenen statt Screenshots.
20. Oktober 2026 · 9 Min. Lesezeitwebsite to FigmaWebsite to Figma: Redesign-Angebote für Agenturen
Ein Schritt-für-Schritt-Playbook für Agenturen, um die aktuelle Website eines Kunden in bearbeitbare Figma-Ebenen und ein Redesign-Angebot zu verwandeln. Mit Mehrseiten-Importen, Responsive sets, Light + Dark, Vorher/Nachher-Boards und einem Beispiel-Sprint.
18. Oktober 2026 · 9 Min. LesezeitHTML to frameHTML to Frame: Wie aus dem DOM Figma Auto Layout wird
HTML in Figma-Frames zu verwandeln, ist leicht schlecht und schwer gut zu machen. So bildet HTML to Frames ein DOM auf verschachtelte Frames ab, leitet Auto Layout aus gemessener Geometrie ab und verifiziert jedes Kindelement, damit das Design nie bricht.
16. Oktober 2026 · 8 Min. LesezeitHTML to canvasHTML to Canvas: Bitmap-Screenshot vs. bearbeitbare Ebenen
Wer nach „HTML to Canvas“ sucht, findet zwei sehr unterschiedliche Dinge: JavaScript-Bibliotheken, die eine Seite in Pixel verwandeln, und Tools, die eine Seite als Ebenen auf den Figma-Canvas bringen. Dieser Artikel erklärt beides, wann was die richtige Wahl ist und wie man mit Inhalten umgeht, die wirklich ein Canvas sind.
14. Oktober 2026 · 8 Min. LesezeitHTML to designHTML to Design: Redesign-Workflow für Designer & Agenturen
Die meisten Redesigns starten bei einer Website, die es schon gibt – die meisten Designdateien aber bei einem leeren Canvas. Hier ist ein praktischer HTML-to-Design-Workflow, der Live-Seiten in bearbeitbare Ebenen, ein wiederverwendbares Designsystem und einen klickbaren Prototyp verwandelt.
11. Oktober 2026 · 8 Min. LesezeitHTML to FigmaHTML to Figma: HTML in Figma umwandeln – Leitfaden 2026
HTML in Figma umzuwandeln heißt nicht mehr, eine Seite von Hand nachzubauen oder einen flachen Screenshot einzufügen. Dieser Leitfaden zeigt jeden Importweg, die entscheidenden Screen- und Optionswahlen und wie du schon beim ersten Versuch saubere, bearbeitbare Ebenen bekommst.
8. Oktober 2026 · 9 Min. LesezeitSchluss mit dem Nachbauen von Webseiten.
Link einfügen und in Sekunden echte, bearbeitbare, responsive Figma-Ebenen erhalten. Kostenlos starten – 10 Importe pro Monat.
Keine Kreditkarte nötig. Pro kaufst du direkt in Figma.
Bald in der Figma Community