Webflow- & Figma-Tools
Beschleunige den Weg von Figma nach Webflow: Icons, Code, Klassennamen und Inhalte — direkt zum Einfügen.
localHTML & CSS zu WebflowFüge HTML und das passende CSS ein, klicke auf Copy to Webflow und füge im Designer ein. Du bekommst echte…localSVG zu WebflowFüge ein SVG aus Figma ein und kopiere es als echte Webflow Custom Elements – jedes <svg>, <path> und <g>…localMarkdown zu Webflow Rich TextMarkdown einfügen, die Vorschau prüfen und als formatierten Rich Text kopieren. Überschriften, Listen,…localKlassennamen-GeneratorBeschreibe einen Bereich in einfachen Worten – „Hero mit Tagline, Überschrift, zwei Buttons und einem Bild…localFigma CSS zu WebflowVerwandle Figmas „Copy as CSS“-Ausgabe in saubere Werte, die du direkt ins Webflow-Style-Panel eintragen…localSchriftgrößen-Skala GeneratorWähle eine Basisschriftgröße und ein Verhältnis — Kleine Terz, Große Terz, Quarte, Goldener Schnitt — und…localCSS-Button-GeneratorGestalte einen Button, der in jedem Zustand gut aussieht. Starte mit einer Vorlage – Vollfarbe, Outline,…localHTML ViewerHTML einfügen (und CSS oder JavaScript, falls vorhanden), um die Darstellung zu prüfen – sofort, in einem…localCookie-Banner GeneratorFüge jeder Website – Webflow, WordPress, Shopify oder reinem HTML – ein Cookie-Banner hinzu, ganz ohne…localVideo-Embed-Code GeneratorFüge einen Video-Link von YouTube, Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive oder…localYouTube-Einbettungscode GeneratorFüge einen beliebigen YouTube-Link ein – ein Video, einen Short oder eine Playlist – und erhalte…localVimeo Embed-Code GeneratorFüge einen Vimeo-Link ein – öffentlich oder nicht gelistet (mit dem Privacy-Hash) – und erhalte ein…localLoom Embed Code GeneratorFüge einen Loom-Freigabelink ein und erhalte ein responsives Embed für deine Website, dein Hilfe-Center,…localGoogle Maps Einbettungs-GeneratorZeige dein Büro, deinen Laden oder dein Event auf einer Google Maps-Karte, ohne dich für einen…localCountdown-Timer GeneratorErstelle einen Countdown-Timer für einen Launch, Sale, Webinar oder Event und binde ihn überall ein — in…localSVG-Icon-FinderDurchsuche über 70.000 Open-Source-SVG-Icons – Lucide, Tabler, Heroicons, Phosphor, Bootstrap, Material…localRedirect MapperWebsite-Migration oder Relaunch? Füge die alten und neuen URLs ein – oder lade sie aus den Sitemaps – und…localWordPress zu Webflow WeiterleitungenBeim Umzug einer Seite von WordPress zu Webflow ändert sich fast jede URL: datierte Blog-Pfade,…localGoogle Tag Code GeneratorTrage deine GA4-Mess-ID, Google-Ads-ID oder Tag-Manager-Container-ID ein und erhalte sofort…localGTM-Snippet-GeneratorGib deine GTM-Container-ID ein und erhalte den Google Tag Manager Installationscode für den <head> und…localEvent-Tracking-Script-GeneratorTracke Button-Klicks, Links und Formular-Absendungen, indem du Attribute statt Code hinzufügst:…localKlassennamen-CheckerFüge HTML ein oder gib eine URL ein, um jeden Klassennamen zu prüfen: Tippfehler wie hero_heding, anders…localWebflow Clipboard BridgeWebflow legt Elemente in einem speziellen Format in die Zwischenablage, das nicht zwischen Browsern…localWebflow Komponenten-EditorVerschiebe Abschnitte und Komponenten zwischen Webflow-Projekten und ändere sie unterwegs. Kopiere…localHTML zu Webflow Rich TextFüge unsauberes HTML ein, etwa von einer alten Website, einem WordPress-Export, aus Google Docs oder Word.…localLottie JSON OptimiererLottie-Animationen in Webflow und auf jeder Website schneller laden, indem Daten entfernt werden, die der…
Fehlt dir ein Webflow-Tool?
Sag uns, was du brauchst — die meistgewünschten Tools bauen wir zuerst, kostenlos.