Notizen dazu, wie aus Websites Figma-Ebenen werden.
Vergleiche mit echten Preisen, Referenzen von CSS zu Figma, Tutorials und Daten aus unseren eigenen Importen. Für Designer, die Websites nach Figma holen.
Next.js App aus Localhost in Figma importieren
Eine Next.js App auf localhost importiert sich wie jede Seite in Figma: die Capture CLI gegen die lokale URL ausführen, Dev Indicator ausblenden, Hydration abwarten.
LesenBorder Radius, Border und Outline: Was eine Übertragung überlebt
border-radius, border und outline in CSS wirken in den Entwicklertools wie eine einzige Eigenschaftsfamilie, landen nach einem Import in Figma aber auf drei verschiedene Arten. Hier steht, was exakt erhalten bleibt, was zu einer Strich-Einstellung wird, und was in CSS gar keine Entsprechung hat.
LesenEbenenanzahl, Fallback-Raten und Schriftersetzung bei einem Figma Import
Wie viele Ebenen eine Seite beim Import erzeugt, wo die Grenze des 500 Ebenen Tarifs liegt, und welche Schriften ersetzt werden, laut öffentlichen DOM und Schriftdaten.
LesenUnHTML vs. Builder.ios Figma Import: Welches Tool wirklich zur Aufgabe passt
UnHTML und das Builder.io Plugin bringen beide eine Webseite nach Figma, lösen aber unterschiedliche Probleme. Hier ist, was jedes Tool wirklich importiert, wie gut Auto Layout funktioniert und was jeder Anbieter 2026 zu den Grenzen sagt.
LesenDie Schriftersetzungsrate bei einem typischen Web zu Figma Import
Die meisten Seiten behalten ihre Schriften beim Import. Hier ist die echte Schriftersetzungsrate, und welche selbst gehosteten Schriften durch Inter ersetzt werden.
LesenEigenständiges HTML aus Chrome für den Import exportieren
Chromes Menü Speichern unter bietet drei Exportmodi, aber nur einer kommt einer wirklich eigenständigen HTML-Datei nahe. So findest du den richtigen.
LesenVon CSS box-shadow zu einem Figma-Effekt: die Eigenschaft-für-Eigenschaft-Zuordnung
Ein CSS-box-shadow-Wert und ein Figma-Effekt Drop Shadow oder Inner Shadow teilen dieselben fünf Eigenschaften unter anderen Namen. Die Zuordnung, Feld für Feld.
LesenUnHTML gegen Locofy: Design zu Code und Web zu Design sind nicht derselbe Job
UnHTML importiert eine laufende Webseite als bearbeitbare Layer nach Figma. Locofy exportiert ein Figma Design zu Code. So passen die beiden Workflows tatsächlich zusammen.
LesenEine Seite als Safari Web Archive für den UnHTML Import speichern
Sichern unter, Web Archive in Safari bündelt HTML, CSS, JS und Bilder einer Seite in einer Datei für UnHTML. So erstellst du eine auf Mac und iOS.
LesenCSS Position in Figma: Static, Relative, Absolute, Fixed und Sticky
CSS hat fünf position-Werte. Diese Referenz ordnet static, relative, absolute, fixed und sticky dem auto layout, ignore auto layout und den constraints von Figma zu.
LesenUnHTML gegen Anima: In welche Richtung die Umwandlung wirklich läuft
UnHTML verwandelt eine Webseite in Figma-Ebenen. Anima verwandelt ein Figma-Design in Code. Das bedeutet dieser Richtungsunterschied für deinen Workflow.
LesenFigma Komponenten aus einem Import: eine UnHTML Pro Seite in wiederverwendbare Styles verwandeln
Der Großteil eines UnHTML Pro Imports hat bereits Auto Layout, Text Styles und Komponenten. So wird fertiggestellt, was Pro als einfache Frames zurücklässt.
LesenSo importierst du eine React- oder Vue-Website in Figma
Erfahre, wie eine CLI-Erfassung eine live React- oder Vue-App in bearbeitbare Auto-Layout-Frames in Figma verwandelt.
LesenSchriftartenersatz in Figma: Wie fehlende Schriftarten ersetzt und protokolliert werden
Warum Schriftarten einer importierten Seite in Figma als fehlend angezeigt werden, wie Figma und UnHTML sie jeweils ersetzen, und wie man den Importbericht vor der Veröffentlichung liest.
LesenCSS Grid zu Figma: Was die Umwandlung in Ebenen übersteht
CSS grids Tracks, Spans, Gap und die fr-Einheit übertragen sich fast direkt auf Figmas grid auto layout. Grid-template-areas und subgrid nicht, und hier steht warum.
LesenFigma Einfuegen aus dem Web vs Screenshot-zu-Design-Plugins vs UnHTML 2026
Figmas eigenes Einfuegen macht aus Webbildern flache Fuellungen. Das liefert jeder Weg wirklich, bis zu UnHTMLs CSS-bewusstem Import, Stand 2026.
LesenUnHTML vs html.to.design: Preis, Ebenenlimit und Auto-Layout-Ergebnis 2026
UnHTML und html.to.design verwandeln beide eine Webseite in editierbare Figma-Ebenen, berechnen und begrenzen diese Umwandlung aber sehr unterschiedlich.
LesenCSS Flexbox zu Figma Auto Layout: Eigenschaft für Eigenschaft
Eine Eigenschaft-für-Eigenschaft-Zuordnung von CSS Flexbox zu Figma Auto Layout: direction, justify-content, align-items, gap, flex-grow und flex-shrink.
Lesen