Die dritte Dimension in Figma ist endlich da: das Vectary 3D-Plugin

Vectary wird oft als „Figma für 3D-Design“ bezeichnet. Stell dir vor, wie großartig es wäre, wenn du fotorealistische 3D-Objekte in Figma in jeder gewünschten Ansicht und Perspektive bearbeiten und platzieren könntest. Dieser Traum wird heute Wirklichkeit! Vectary bringt anpassbare und interaktive 3D-Elemente und Mockups direkt in deinen Designprozess.

Steuere fotorealistische 3D-Elemente in Figma mit Vectary

Das Vectary 3D-Plugin für Figma bringt die fehlende dritte Dimension in deine 2D-Designs. Bestimme deine gewünschte Perspektive im 3D-Viewport und platziere sie mit einem Klick in der Szene. Mit dem Plugin kannst du vordefinierte 3D-Elemente in dein Design einfügen, ein eigenes 3D-Objekt laden oder dein Figma-Design auf vordefinierten 3D-Mockups wie Mobilgeräten, Desktops oder Getränkedosen platzieren.

Erstelle 3D-Designsysteme in Figma

So lässt sich ein ganzes 3D-Designsystem in Figma erstellen. Angenommen, du nutzt ein 3D-Element als Teil deiner Markenidentität oder hast ein Produkt in 3D: Erstelle einfach einen Link in Vectary und lass deine Designer im kreativen Prozess entscheiden, welche Perspektive für sie am besten funktioniert.

So nutzt du das Vectary 3D-Plugin für Figma

So platzierst du dein Figma-Design in Mockups:

1. Öffne das Vectary 3D Elements-Plugin in Figma.
2. Wähle ein 3D-Mockup oder -Element
3. Wähle deinen Figma-Frame aus.
4. Klicke auf die Schaltfläche „Load frame“, um den bestehenden Inhalt durch dein Design zu ersetzen – je nach gewähltem Mockup kann das beispielsweise der Bildschirm eines Mobilgeräts sein. In den Material Settings kannst du jeden Teil des Objekts individuell anpassen.
5. Passe die Perspektive des Mockups an: Klicke mit der linken Maustaste und ziehe, um das Mockup zu drehen, oder scrolle, um zu zoomen.
6. Klicke auf „Export image“, um ein Rendering mit transparentem Hintergrund zu deinem Projekt hinzuzufügen.

Um ein beliebiges eigenes 3D-Objekt oder -Element zu laden, gehe auf

1. Öffnen www.vectary.com, erstelle dein 3D-Objekt von Grund auf neu, importiere ein 3D-Modell oder nutze Millionen von Assets aus der Vectary-Bibliothek.
2. Gehe zum Publish-Tab und klicke auf „Generate“.
3. Gehe zurück zu Figma und öffne das Vectary 3D-Plugin.
4. Klicke auf den Projects-Tab und melde dich in deinem Vectary-Konto an.
5. Passe die Perspektive des 3D-Designs an: Klicke mit der linken Maustaste und ziehe, um das Mockup zu drehen, oder scrolle, um zu zoomen.
6. Klicke auf „Export image“, um einen Screenshot mit transparentem Hintergrund zu deinem Projekt hinzuzufügen.

Profi-Tipp: Wenn du eine austauschbare Textur in deinem eigenen Vectary-Modell in Figma haben möchtest, benenne das Objekt und sein Material als „_switchable“, bevor du den Viewer in Vectary generierst.

Unsere Galerie für 3D-Elemente und Mockups wird kontinuierlich wachsen, um dir viele direkt einsatzbereite 3D-Elemente und Mockups zu bieten.

Bitte lass uns wissen, was dir am Vectary Figma-Plugin gefällt oder was du vermisst, schreibe uns einfach eine Nachricht, wir freuen uns auf dein Feedback.