Was ist eine kostenlose Browser-Alternative zu Figma Ghost?
Ghost Wireframe Generator ist eine kostenlose, browser-lokale Möglichkeit, Skelett-UI- und Ghost-Wireframes mit PNG-, SVG- und HTML-Export zu erstellen – plus eine portable Fähigkeit für jedes KI-Codierungstool. Es ersetzt nicht das Figma Ghost-Plugin in Figma und ist kein Pixel-Klon von UI Generator. Der Keil ist ein codefreundlicher Export und eine modellunabhängige Fähigkeit.
Browser Ghost vs. Figma Ghost vs. UI Generator.
| Option | Kosten | Wo es läuft | Export / Fähigkeit | Am besten für |
|---|---|---|---|---|
| Ghost Wireframe Generator (TDS) | Frei | Browser – nichts hochgeladen | PNG, SVG, HTML + tragbare Fähigkeit | Landungen, HTML-Vorlagen, Laden von Skeletten im Code |
| Figma Ghost-Plugin | Kostenlos (Figma-Community) | Innerhalb von Figma | Figma-Ebenen aus Auswahl | Ghosting eines vorhandenen Figma-Layouts an Ort und Stelle |
| UI Generator | Kostenlose / Produktseite | Web-Mock-Bibliothek | Produktmocks im PNG-Stil | Schnelle gefälschte UI-Bilder für Marketing-Comps |
| Ghost Wireframe Skill | Frei | Jedes KI-Codierungstool | SKILL.md / kompakte Eingabeaufforderung | Drafting-Geister in Cursor, Claude, Codex, ChatGPT |
Ein ehrlicher Keil – kein Klon.
Die Ghost/Skelett-Benutzeroberfläche ist nicht neu. Figma Ghost eignet sich hervorragend, wenn Ihre Quelle der Wahrheit eine Figma-Datei ist. UI Generator ist nützlich, wenn Sie schnell eine PNG-Attrappe benötigen. Tiny Design Shop bietet eine andere Schleife: kuratierte Layoutfamilien, Rollenpaletten im Happy Hues-Stil, HTML mit --ghost-*-Variablen für Vorlagen und eine Fähigkeit, die mit jedem Modell funktioniert – ohne dass Figma oder ein Konto erforderlich ist.
v1 ist nur im Bibliotheksmodus verfügbar. SVG-Konvertierung von Figma-Export und Kopieren nach Figma sind im Rückstand – wenn Ihr gesamter Workflow in Figma läuft, bleiben Sie beim Ghost-Plugin, bis diese landen.
Probieren Sie den kostenlosen Browsergenerator aus.
- Öffnen Sie Ghost Wireframe Generator.
- Wählen Sie ein Layout, wechseln Sie Light/Dark und Single/Combo, stimmen Sie die Rollen ab.
- Exportieren Sie PNG, SVG oder Copy HTML für Ihren Lande- oder Ladestatus.
- Optional: Öffnen Sie Ghost Wireframe Skill für die tragbare Eingabeaufforderung.
Lesen Sie die vollständige Anleitung im Ghost Wireframe Generator-Guide.