Ein neuer Ausgangspunkt für deine Webdesigns.

Dein HTML. Jetzt in Figma bearbeitbar.

Webseiten-URL, HTML-Code oder lokale Datei. Bring Texte, Karten und Bilder in Figma.

Html to Design-Plugin und bearbeitbare Figma-Ebenen

Drei Eingaben. Ein Ablauf.

Webseiten-URL

Erfasse eine öffentliche, im Browser gerenderte Webseite.

HTML einfügen

Füge HTML und Inline-CSS ein und wähle eine Ansichtsgröße.

HTML hochladen

Importiere eine .html- oder .htm-Datei mit eingebetteten Stilen und Bildern.

Native Ebenen weiterbearbeiten

Bearbeitbarer Text

Übernimm Texte, Größen und Farben aus dem gerenderten HTML und bearbeite sie in Figma.

Natives Layout

Karten, Buttons und Container werden zu separaten Ebenen mit einheitlicher Layout-Aufbereitung.

Separate Assets

Bilder und Icons bleiben austauschbar, statt die ganze Seite zu einem Bild zusammenzufassen.

Finde deinen Plan

Monatliche Credits für deine Designarbeit.

Starter

$9/ Monat

30 Credits pro Monat

  • Webseiten-URL, HTML-Code & Dateien
  • Native bearbeitbare Ebenen
  • Wiederverwendbare Komponenten
  • Design System & Variables
Plus
Empfohlen

$19/ Monat

100 Credits pro Monat

  • Webseiten-URL, HTML-Code & Dateien
  • Native bearbeitbare Ebenen
  • Wiederverwendbare Komponenten
  • Design System & Variables
Studio

$39/ Monat

250 Credits pro Monat

  • Webseiten-URL, HTML-Code & Dateien
  • Native bearbeitbare Ebenen
  • Wiederverwendbare Komponenten
  • Design System & Variables

Häufige Fragen