Frontender verzeichnet 0 monatliche Besuche mit 0 % Wachstum gegenüber dem Vormonat und einem Preismodell „Freemium“. Piny verzeichnet 5.253 monatliche Besuche mit -8,7 % Wachstum und einem Preismodell „Freemium“.
Figma-Plugin, das Designs in produktionsreifen Frontend-Code verwandelt
Visuelles Bearbeiten von React-Code – egal, ob Sie oder eine KI ihn geschrieben hat
| Dimension / Kennzahl | | |
|---|---|---|
| Offizielle Domain | frontender.io | getpiny.com |
| Preismodell | Freemium | Freemium |
| Monatliche Besuche | 0 (0) | 5253 (5.253) |
| MoM-Traffic-Delta | 0 (0 %) | -501 (-8,7 %) |
| Primärmarkt und Anteil | 🌐 Global (—) | 🇺🇸 Vereinigte Staaten (100 %) |
| Direkte Besuche / Monat | 0 | 2066 |
| Nutzerbewertung | 4,4 | 4,1 |
| Unterstützte Plattformen | Website | Website |
Figma-Plugin, das Designs in produktionsreifen Frontend-Code verwandelt
Wählen Sie eine beliebige Figma-Ebene oder Gruppe und konvertieren Sie sie in Frontend-Code – auch in Dateien ohne Auto-Layout.
Erzeugt nur CSS, nur CSS-in-JS, nur Tailwind, HTML mit CSS, HTML mit Tailwind, JSX mit CSS-in-JS oder JSX mit Tailwind.
Die JSX-Ausgabe ist für React und Next.js gedacht, die HTML-Ausgabe funktioniert in Vue- und Svelte-Projekten.
Nutzt beliebige Werte oder findet den nächstliegenden Wert in Ihrer Tailwind-Konfiguration für konsistente Ergebnisse.
Visuelles Bearbeiten von React-Code – egal, ob Sie oder eine KI ihn geschrieben hat
Klicken Sie ein Element in der Live-Vorschau an, findet Piny die Komponente und Datei, die es rendert, sodass Änderungen an der richtigen Stelle im Quellcode landen.
Passen Sie Abstand, Farbe, Typografie, Flex und Grid pro Breakpoint und Zustand mit dem eigenen Theme des Projekts an, ohne Klassen von Hand zu schreiben.
Läuft in Claude-Code- und Codex-Workflows; Piny erkennt die Änderungen Ihres Agenten und überschreibt sie nicht, und Target this element übergibt exakte Datei- und Zeilenangaben.
Bearbeiten Sie Seitentexte, Bilder und lokale Daten wie Produktlisten und JSON über Formulare statt per Suche in Quelldateien.
Kostenlos / Open SourceSchreibe präzisen Code, übergib größere Aufgaben an Agenten und arbeite von überall weiter
Kostenlos / Open SourceSchreibe präzisen Code, übergib größere Aufgaben an Agenten und arbeite von überall weiter
Eine agentische Coding-Plattform, die echte Software liefert
Kostenlos / Open SourceEin minimalistischer, frei umbaubarer Coding-Agent fürs Terminal
Kostenlos / Open SourceEin minimalistischer, frei umbaubarer Coding-Agent fürs Terminal
Kostenlos / Open SourceVerleiht deinem Coding-Agent echte Design-Urteilskraft
Kostenlos / Open SourceVerleiht deinem Coding-Agent echte Design-Urteilskraft
Markengerechte Produkterlebnisse mit Team und KI-Agenten ausliefern
Markengerechte Produkterlebnisse mit Team und KI-Agenten ausliefern
Kostenlos / Open SourceOpen-Source-Frontend-Stack, um KI-Agenten und Copiloten in das eigene Produkt einzubauen
Kostenlos / Open SourceOpen-Source-Frontend-Stack, um KI-Agenten und Copiloten in das eigene Produkt einzubauen
Designverstehender KI-Agent, der Figma-Dateien, URLs und Prompts in lauffähige Apps verwandelt
Designverstehender KI-Agent, der Figma-Dateien, URLs und Prompts in lauffähige Apps verwandelt
Kostenlos / Open SourceAgenten-Wiki und visueller Arbeitsbereich für Claude Code und Codex
Kostenlos / Open SourceAgenten-Wiki und visueller Arbeitsbereich für Claude Code und Codex
KI-Design-Engineer, der produktionsreifes Frontend liefert
KI-Design-Engineer, der produktionsreifes Frontend liefert
Agenten-basiertes Design-Canvas, das bis zum Code führt
Agenten-basiertes Design-Canvas, das bis zum Code führt
SpezialisiertFigma-Designs und KI-Builds werden zu echtem, editierbarem WordPress
SpezialisiertFigma-Designs und KI-Builds werden zu echtem, editierbarem WordPress
Screenshots und Mockups mit KI in sauberes, responsives HTML verwandeln
Screenshots und Mockups mit KI in sauberes, responsives HTML verwandeln
