top of page

FIGMA ZU WIX STUDIO PLUG-IN

Erwecke deine Website-Designs zum Leben

Exportiere deine Designs nahtlos zu Wix Studio und erweitere sie mit codefreien Animationen, integrierten Business- & KI-Lösungen, CMS, benutzerdefiniertem Code und mehr.

Integriert und einsatzbereit

Native Business-Lösungen

Erstelle mit sofort einsatzbereiten Lösungen Websites für jede Branche oder nutze direkt alle Möglichkeiten einer Open Platform.

Die Produktseite für einen bunten Rucksack auf einer E-Commerce-Website.

eCommerce

Bookings

Events

Restaurants

Hotels

Blog

Tools für Agenturen

Verwalte deine gesamten Websites an einem Ort, arbeite mit Teams zusammen und nutze deine wiederverwendbaren Assets projektübergreifend.

Der Wix Studio-Workspace, in dem du alle deine Websites von einem Ort aus einsehen, Teams verwalten, auf Support-Tickets zugreifen und vieles mehr tun kannst.

Design-Bibliotheken

Kommentare auf der Arbeitsfläche

Gleichzeitiges Bearbeiten

Kunden-Kit

Rollen & Berechtigungen für Teams

Workspace

Studio-App

Responsive Tools

Deine Designs skalieren immer proportional, d. h. du musst nicht alles für jeden Breakpoint anpassen. Wenn du es trotzdem möchtest, haben wir die Tools für dich.

CSS Grid

Abschnittsraster

Repeater

Responsive KI

Stapel

Full-Stack-Dev-Plattform

Entwickle in deiner bevorzugten IDE und erstelle alles – von individuellen Komponenten bis hin zu Full-Stack-Lösungen.

Benutzerdefiniertes CSS

80+ APIs

KI-Code-Assistent

Blocks

Headless

KI-Features

Erleichtere dir mühselige Arbeiten bei der Weberstellung mit der integrierten KI von Wix Studio und genieße mehr Zeit für Kreativität und Innovation.

KI-Code-Assistent

KI-Bilderstellung

KI Branded App

Responsive KI

KI-Textgenerator

Müheloser Export

01

Grafik mit dem Figma-Logo, das sich auf das Wix Studio-Logo zubewegt, um das Figma-zu-Studio-Plug-in darzustellen.

Installiere das Plug-in im Wix Studio-Profil auf der Figma Community-Seite.

02

Ein vergrößertes Bildschirmfoto, das die obere Menüleiste einer Figma-Datei mit dem Symbol "Verschieben" zeigt.

Bereite deine Figma-Datei vor und befolge dabei unseren Leitfaden für die Best Practices.

03

Screenshot, der den empfohlenen ersten Schritt des "Export"-Schrittes im Figma-zu-Studio-Plug-in-Prozess zeigt. Der empfohlene erste Schritt ist die Option "Export Styles".

Exportiere deine Designs zu einer leeren Arbeitsfläche oder zu einer bestehenden Wix Studio-Website.

04

Screenshot, der den Schritt "Importieren" des Figma-zu-Studio-Plug-ins zeigt, bei dem der Benutzer aufgefordert wird, die Art des Imports seiner Datei auszuwählen. Die gezeigte Auswahl ist eine "Seite".

Importiere dein Design in Wix Studio als Seite, Abschnitt, Container oder Stapel.

05

Screenshot, der den Schritt "Animationen und benutzerdefinierte Funktionen hinzufügen" des Figma-zu-Studio-Plug-ins zeigt. Der Screenshot zeigt das Panel "Animationen und Effekte" im Studio Editor.

Füge Interaktionen, benutzerdefinierte Funktionen und mehr hinzu – experimentiere nach Belieben.

Nutze optimierte Wireframes

Erhalte Zugriff auf über 100 Komponenten, Abschnitte und Seiten, die vollständig für Studio optimiert und speziell für Conversions gemacht wurden.

Responsiv

Anpassbar

Automatische Layouts

Variablen

Regelmäßige Updates

Erlebe deine Designs in Aktion

bottom of page