01 / Chrome
Erfasse, was du siehst
Öffne die Seite, die du ändern möchtest. Klicke in der Chrome-Leiste auf Snapture und wähle den Aufnahmebereich.
Webseiten,
editierbar in Figma.
Erfasse die angezeigte Seite, auch nach dem Login, und bearbeite Texte und Layout in Figma.
10 kostenlose Aufnahmen pro Monat. Das Kontingent wird monatlich erneuert.
Funktionen
Der aktuelle Bildschirm als Ausgangspunkt
02 / HTML + CSS
Auch aus HTML und CSS
Code in der Vorschau ansehen, Breite anpassen und aufnehmen.
03 / Figma
Auto Layout
Wo das ursprüngliche Layout erhalten bleibt, kannst du mit Auto Layout weiterarbeiten.
Komponenten & Styles
Wiederholte Elemente mit passender Struktur können zu Komponenten werden. Unterstützte Texte, Farben und CSS-Farbvariablen werden als lokale Stile und Variablen angelegt.
04 / Viewport
Für jede Breite
Erfasse das Layout, das bei der jeweiligen Breite angezeigt wird.
Charts, Karten, 3D
Diagramme, Karten und 3D-Inhalte können als Bilder importiert werden. Diese Bereiche lassen sich nicht als Diagrammdaten oder 3D-Modelle bearbeiten.
Stapelaufnahme
Eine Liste von URLs einfügen oder aus der Sitemap der Website laden, und Snapture öffnet und erfasst jede einzelne. Bis zu 30 Seiten pro Durchlauf.
So funktioniert's
- 01
Erfasse, was du siehst
Öffne die Seite, die du ändern möchtest. Klicke in der Chrome-Leiste auf Snapture und wähle den Aufnahmebereich.
- 02
Für Figma kopieren
Kopiere das Ergebnis nach der Aufnahme für Figma. Du kannst auch eine Datei speichern und in das Plugin ziehen.
- 03
In Figma bearbeiten
Öffne Snapture Import in deiner Figma-Datei und füge mit Cmd/Ctrl+V ein. Wähle eine Textebene aus, um sie zu bearbeiten.
Preise
Free
$0
10 kostenlose Aufnahmen pro Monat. Das Kontingent wird monatlich erneuert.
Zu Chrome hinzufügenPro
$5 /Monat
Unbegrenzt aufnehmen. Mehrere Seiten in einem Durchgang.
Pro holen Jährlich zahlen — $49 (2 Monate gratis)Hör auf, nachzubauen, was es schon gibt.
Füge zuerst die Chrome-Erweiterung hinzu. Öffne nach der Aufnahme Snapture Import in Figma und füge das Ergebnis ein.