40 Must-Have-Plugins für ein besseres Figma-Erlebnis

Post is also avalible in:

Was gibt es Schöneres, als in Figma zu entwerfen? Entwerfen in Figma mit Plugins! Diese winzigen Add-Ons verbessern die grundlegenden Funktionen von Figma und bewahren alle möglichen und unmöglichen Werkzeuge an einem Ort auf. Möchten Sie einen Hintergrund entfernen? Dafür gibt es ein Plugin. Müssen Sie realistische Benutzerdaten für ein Mockup generieren? Bedeckt. Und das, ohne durch verschiedene Apps oder Registerkarten hin und her zu laufen. Das Beste daran ist jedoch, dass die meisten Plugins völlig kostenlos sind.

Warum Figma-Plugins verwenden?

Laut Statistik hält Figma mehr als 40 % des Marktanteils in der Designsoftwarebranche. Was keine Überraschung ist – Vanille-Figma ist schon ziemlich erstaunlich. In der Zwischenzeit bringt das Plugin-System das App-Erlebnis bis ins Unendliche und darüber hinaus.

Weil es dir das Leben leichter macht, ehrlich. Stell dir Plugins als Cheat-Codes vor, die dich mit einzigartigen, coolen Funktionen ausstatten, die das Basisspiel nicht bietet. Anstatt ein Benutzerprofil von Grund auf neu zu erstellen, nutzen Sie die Vorteile von Symbolpaketen, gefälschten Daten und Benutzer-Avatar-Generatoren.

Ich wünschte, ich könnte in der Zeit zurückgehen und mir sagen, dass ich für meine Uni-Projekte nicht all diese andere Software brauche. Selbst eine so einfache Aufgabe wie das Entfernen des Hintergrunds erforderte eine zusätzliche Aktion. Mit Figma-Plugins ist es jedoch in einer App verfügbar. Und ich werde nicht einmal anfangen, über all diese tollen Texturen, Farbverläufe und Effekte zu kläffen – ich zeige sie euch einfach!

Nützliche Werkzeuge

Zum Pfad

Dieses Plugin nimmt die Hand Ihres Objekts und führt es sanft auf einen benutzerdefinierten Pfad. Zeichnen Sie eine beliebige Kurve, wählen Sie eine Form, einen Text oder eine Gruppe von Objekten und verknüpfen Sie sie miteinander, um zu sehen, wie die Magie geschieht. Sie können auch die Position und die Anzahl der Objekte anpassen, um das Ergebnis zu perfektionieren.

Perspektivisches Toolkit

Verleihen Sie Ihrem Design Tiefe, indem Sie die Perspektive hervorheben. Sie können es verwenden, um Mockups zu erstellen, indem Sie einfach Ihr Design verzerren, eine 3D-Methode mit einem FoV-Steuerelement verwenden oder es in einen Vier-Kanal-Vektor umwandeln, um ihn manuell zu ziehen. Der Weg, der Ihnen besser passt.

Verbinder zeichnen

Alles ist miteinander verbunden. Und dieses Plugin hilft Ihnen, es mit anpassbaren Pfeilen zu veranschaulichen. Nach der Anwendung sucht das Plugin nach dem kürzesten Weg, um zwei Schichten/Objekte zu verbinden. Was noch besser ist, der Pfeil passt sich automatisch an, sobald Sie eines der verbundenen Objekte verschieben.

Icons8 Hintergrund-Entferner

Im Gegensatz zum bekannten Remove BG ist das Plugin von Icons8 kostenlos, unbegrenzt und benötigt keine API-Schlüssel. Und es funktioniert genauso gut!

Photopea

Wie wäre es, wenn Sie Photoshop direkt in Ihrer Figma ausführen? Das ist im Grunde das, was das Photopea-Plugin zu bieten hat. Darüber hinaus ist dieses Plugin im Gegensatz zu Photoshop kostenlos. Und es ist ziemlich beeindruckend, um ehrlich zu sein.

Großes Bild einfügen

Der Name spricht für sich – mit diesem Plugin können Sie ein beliebiges Bild einfügen und dabei die ursprüngliche Auflösung beibehalten. Das Problem ist, dass Figma die Bilder mit Abmessungen größer als 4096 Pixel verkleinert. Um das Problem zu lösen, unterteilt das Plugin die Datei geschickt in eine Reihe kleinerer.

Tabellen-Ersteller

Fräulein Excel? Dann ist hier die gute Nachricht – Sie können es jetzt in Figma haben. Dieses Plugin bereichert Ihr Toolkit mit großartigen und funktionalen Tabellen. Sie sind anpassbar und passen auf alles. Außerdem passen sie sich automatisch an die Größe des Inhalts an.

Zerstörer

Schnelles Löschen von Instanzen, allen Stilen, Auto-Layouts, Farbstilen, Effektstilen, Textstilen, Variablen, Typografievariablen, Verlaufsvariablen, Hyperlinks, Rasterlayouts… Alles – lass es brennen und neu anfangen. Kein Screenshot, da ich versehentlich die ganze Seite zerstört habe.

Text

Textfüllung

Erstellen Sie mit Hilfe dieses supereinfachen Plugins Textblasen in verschiedenen Formen und Farben. Alles, was Sie tun müssen, ist, das Textfeld und die gewünschte Form auszuwählen, auf „Erstellen“ zu klicken und… Ta-da! Es ist auch möglich, die Anzahl der Pixel zwischen den einzelnen Wörtern anzupassen.

FontDuo

Warum stundenlang scrollen, um das perfekte Paar Schriftarten zu finden, wenn Sie den Zufallsgenerator einfach zerschlagen können? Dieses Mal müssen Sie nicht im Internet danach suchen – führen Sie einfach das Plugin aus, wählen Sie den Stil aus und freuen Sie sich!

BOGEN

Ähnlich wie To Path hilft Ihnen ARC, Ihr Typspiel zu verbessern. Dieses Plugin ist jedoch viel einfacher und ermöglicht es Ihnen nur, den Typ entweder nach oben oder nach unten zu biegen, bis er in einem Kreis einrastet. Wenn Sie jedoch keine Lust auf das Zeichnen von Pfaden haben, ist dies eine großartige Alternative.

Farbe

Bild-zu-Farbpalette

Wenn Sie dieses Plugin ausführen, nachdem Sie ein Bild ausgewählt haben, wird ein Pop-up mit einer 6-Farben-Palette generiert. Das Beste daran ist, dass Sie Farbcodes kopieren können, indem Sie einfach auf die Palette klicken. Es ist auch möglich, die Farben in einer Reihe von Quadraten auf die Leinwand zu kopieren. Nützlich und super bequem.

Farbtöne und Schattierungen

Dieses Plugin generiert fünf Farbtöne und fünf Schattierungen der von Ihnen gewählten Farbe. Eigentlich gibt es dazu nicht viel zu sagen. Es ist einfach und bequem.

Körniger Farbverlauf

Atemberaubende, anpassbare Farbkombinationen, die mit einer körnigen Textur und bis zu 4000px überlagert sind, bringt dieses Plugin auf Ihren Tisch. Sie können den Farbverlauf entweder zufällig festlegen oder die Farben auswählen, die Sie benötigen. Wenn Sie fertig sind, fügen Sie es auf der Leinwand ein oder wählen Sie eine vorhandene Form aus.

Mesh-Gradient

Ein ähnliches Plugin stattet Sie mit einem 2D-Mesh aus, mit dem Sie komplexe benutzerdefinierte Farbverläufe erstellen können. Es beseitigt das bestehende Problem mit Standard-Figma-Farbverläufen, das manchmal ein Durcheinander von Ebenen und matschigere Farben verursacht. Es gibt auch experimentelle Funktionen wie Zufallsgenerator und Kanten bearbeiten.

Farbenblind

Gutes Design ist auch inklusives Design. Und dieses kleine Plugin hilft dabei, Ihre Werke mit den Augen einer farbenblinden Person zu sehen. Der Simulator hat Auswirkungen verschiedener Arten von Farbenblindheit und bildet die Unterschiede in der Farbwahrnehmung genau ab.

Kontrast

Ist der Text auf Ihrem Design lesbar oder sollten Sie in Betracht ziehen, andere Farben zu wählen? Dieses Plugin zeigt, wie gut dein Kontrastspiel ist. Wählen Sie einfach eine der gewünschten Ebenen aus und prüfen Sie, ob Ihr Design die Web Content Accessibility Guidelines (WCAG) erfüllt.

Gebilde

Blobs

Super einfaches und unterhaltsames Tool, das Ihnen die Mühe erspart, komplexe (oder nicht wirklich) Vektoren manuell zu erstellen. Um einen zufälligen Blob zu generieren, wählen Sie die Stufen seiner Komplexität und Einzigartigkeit aus und… Voila! Ihr perfekter Blob wird serviert. (Ihr könnt sehen, dass es mir Spaß gemacht hat, Illustrationen zu machen.)

Welle & Kurve

Anpassbare Blobs sind cool, aber wie sieht es mit Kurven aus? Nun, dieses Plugin hat sie abgedeckt. Mit der bereitgestellten Einstellung können Sie ganz einfach eine Vielzahl interessanter Vektoren erstellen, um jedes Ihrer Designs aufzuwerten. Und wenn Sie Glück haben, können Sie immer auf „Zufällig“ klicken.

Grob

Haben Sie genug von schlanken, perfekten Linien? Wählen Sie Ihren Schlampigkeitsgrad und skizzieren Sie mit einem Klick eine unordentliche Form. Erweitert Ihr Figma-Toolkit grob mit handgezeichneten Formen, die Sie entweder innerhalb des Plugins erstellen oder einen vorhandenen Vektor konvertieren können.

Bildverfolger

Verwandeln Sie alles in einen unendlich skalierbaren Vektor. Und anstatt es manuell nachzuzeichnen, führen Sie das Image Tracer-Plugin aus und konvertieren Sie Bilder im Handumdrehen in Vektoren. Das Plugin verfügt über eine Reihe nützlicher Einstellungen und kann sowohl mit S/W als auch mit Farbe arbeiten.

Diagrammlinie

Steuern Sie die Anzahl der Punkte, den Grad der Glätte und die Steigung Ihres Diagramms. Nach der Generierung können Sie den Vektor weiter bearbeiten, indem Sie seine Farbe, Größe und Lautstärke ändern und mit Knoten spielen. Es gibt auch eine Bibliothek mit Presets.

Effekte

Rauschen & Textur

Wenn Sie nach Möglichkeiten suchen, Ihr Design aufzupeppen, schauen Sie sich das Noise & Texture Plugin an. Hier finden Sie fantastische Muster von nahtlosem gekacheltem Rauschen, Texturen, Mustern, Farbverläufen und mehr. Es ist hochgradig verstellbar und super einfach.

Reflektieren

Reflexion ist eine tolle Sache. Wenn du über deine Erfahrungen nachdenkst, bekommst du ein besseres Verständnis für deine Natur, dein Verhalten und… Oh, hoppla. Bei diesem Plugin geht es eher um wörtliche Reflexionen, mein Fehler. Falls Ihr Design also jemals einen anpassbaren spiegelähnlichen Effekt benötigt, speichern Sie dieses Plugin.

Schöne Schatten

Schatten werden mit diesem einfachen Plugin auf ein neues Level gehoben – der Name spricht für sich. Jetzt können Sie die Lichtquelle ziehen und steuern, wie sie Schatten auf die Objekte wirft. Dann können Sie auch die Intensität und die Farben von Licht und Schatten anpassen.

Morph

Das Morph-Plugin enthält sechs Effekte, z. B. Skeuomorph, Neon, Glitch, Reflexion, Glas und Gradient. Es ist auch möglich, jeden Effekt anzupassen, indem Sie mit den Eigenschaften herumspielen. Morph ist eine großartige Palette von Effekten, die Ihnen zur Verfügung stehen.

Glühen

Lassen Sie das Licht herein und lassen Sie Ihrer Kreativität freien Lauf! Das Plugin verleiht Ihren Designs einen leuchtenden Effekt, indem es mehrere Schlagschatten-Ebeneneffekte kombiniert. Sie entspricht der Farbe des Objekts bei der Auswahl. Sie können jedoch jederzeit eine andere auswählen und die Intensität des Leuchtens regulieren.

Verzerren Sie es

Egal, ob Sie ein Objekt perspektivisch anpassen müssen oder einfach nur eine ungewöhnliche Form erstellen möchten, dieses Plugin hält Ihnen den Rücken frei. Mit den Einstellungen können Sie den Grad der Interpolation steuern und bis zu 20 Komplexitätspunkte ausreizen. Es bietet sogar einen Dunkelmodus!

3D-Welle

Warum basteln Sie nicht eine kuschelige Decke aus einem zufälligen Rechteck auf Ihrer Leinwand? Das Plugin verspricht, alles wie Stoff weicher zu machen, und das tut es auch. Darüber hinaus haben Sie die Möglichkeit, jeden Aspekt dieser Decke anzupassen, vom Aussehen bis zur Position.

Bildpunkte

Wenn Sie Ihr Bild jemals in ein Gemälde aus Minecraft verwandeln müssen, ist dies das Tool, das Sie verwenden werden. Sie können nicht nur den Grad der Pixelisierung von 1 bis 80 regulieren, sondern auch das Bild vektorisieren und es in kleine separate quadratische Blöcke unterteilen.

Inhalt

Unsplash (Löschen)

Ah, die heilige Quelle für lizenzfreie Stockbilder! Jetzt direkt in der Benutzeroberfläche von Figma verfügbar, sodass Sie Dateien nicht mehr aus dem Browser herunterladen und manuell importieren müssen. Wie Sie sehen können, habe ich es bereits für die vorherige Abbildung verwendet. Super praktisch!

Content Reel

Content Reel ist Ihr Handlanger in Sachen Custom Content und Fake Data für Ihr Layout-Design. In den Bibliotheken finden Sie Avatare, vollständige Namen, Adressen, E-Mails, Nummern usw. Der ausgewählte Inhalt passt direkt in den ausgewählten Platzhalter. Sie können auch Ihre eigenen Inhalte hochladen.

Mockup-Plugin

Eine Fundgrube an verschiedenen Mockups aller Art. Es bringt eine breite Palette hochwertiger, anpassbarer Mockups verschiedener Kategorien auf den Tisch, von Geräten bis hin zu Branding-Elementen. Die Wahrheit ist, dass die meisten von ihnen mit einem kostenpflichtigen Abonnement erhältlich sind, das bei 8.25 USD / Monat beginnt.

Artboard Studio Mockups

Ein weiterer Stapel hochwertiger Mockups befindet sich im Plugin von Artboard Studio. Die Bibliothek besteht aus realistischen Mockups, die direkt auf der Leinwand von Figma gerendert werden. Ähnlich wie das Mockup-Plugin ist auch Artboard Studio meist über ein Abonnement erhältlich, beginnend mit 12 US-Dollar / Monat.

Lorem Ipsum

Hier geht es nicht nur um Textplatzhalter, sondern auch um den Zugriff auf die Bibliothek von Unsplash. Mit diesem Plugin sparen Sie sich die Mühe, Beispieltextfelder und Bildplatzhalter auf einmal zu füllen. Dies ist Ihre Fundgrube an gefälschten Daten, Lorem Ipsum und Stockfotos.

Erröten

Blush ist eine Bibliothek mit niedlichen Illustrationssammlungen. Sie können einen beliebigen Charakter/Aufkleber auswählen und ihn auch nach Ihren Wünschen anpassen. Es gibt auch einen kostenpflichtigen Plan, der noch mehr Funktionen freischaltet, wie z. B. SVG-Dateien und Auflösung auf Druckebene.

Illustrationen

Eine weitere Sammlung von kostenlosen Illustrationspaketen. Die Bilder sind von hoher Qualität und können per Drag & Drop auf die Leinwand eingefügt werden. Die Sammlungen im Plugin sind hauptsächlich Kritzeleien von Menschen. Es hat aber auch ein Paket mit 3D-Objekten, wie den Korb im Screenshot.

Symbole8

Nicht nur Icons! Obwohl die Auswahl an Symbolen, die dieses Plugin bietet, riesig ist, hat es noch mehr zu bieten. Eine große Auswahl an Illustrationen, einschließlich Mockups, und eine Sammlung von Stockfotos gehören ebenfalls zum Arsenal von Icons8.

Ikonifizieren

Im Gegensatz zum vorherigen Plugin ist dieses Plugin nur für Symbole bestimmt. Die Sammlung umfasst 150+ Symbolsätze, was ungefähr 200.000 Artikeln entspricht. Es wird nicht viel Aufwand machen, eine bestimmte Art von Symbolen zu finden, da Iconify über ein erweitertes Suchwerkzeug mit Filtern verfügt.

Benutzerprofil | Avatar

Ein einfaches Tool zur Generierung von Benutzer-Avataren. Die Benutzeroberfläche enthält einige Filter wie Geschlecht, Emotion, Alter und Haarfarbe, mit denen Sie einen zufälligen Avatar generieren können. Sie können auch in der Bibliothek stöbern und dort eine auswählen. Die Quellen sind Unsplash und Pexels.

So installieren Sie Plugins in Figma

Mit der intuitiven Benutzeroberfläche von Figma wird es nicht viel Aufhebens machen. Sie können in Ihrer Symbolleiste auf „Aktionen“ klicken, das Rechtsklickmenü verwenden oder STRG+K drücken. Dies führt Sie zur Registerkarte Plugins, wo Sie mit einer Suchleiste nach ihnen suchen oder die vorgeschlagenen ausprobieren können.

Sobald Sie das Plugin gefunden haben, das Sie benötigen, öffnen Sie es und drücken Sie auf „Ausführen“. Die Benutzeroberfläche wird angezeigt und führt Sie durch die Funktionen des Plugins. So einfach ist das. Sobald das Plugin ausgeführt wird, wird es in Ihrer Plugin-Bibliothek für die zukünftige Verwendung gespeichert.

Abschließende Gedanken

Diese 40 Plugins stehen für Hunderte von Stunden Entwicklungsarbeit von talentierten Entwicklern, die die Probleme des digitalen Designs verstehen. Plugins beseitigen viele der technischen Barrieren für die kreative Erkundung. Einige Ihrer besten Arbeiten stammen möglicherweise aus glücklichen Zufällen, während Sie mit neuen Plugins experimentieren.

Installieren Sie jedoch nicht sofort alle 40 Plugins – so verlockend es auch ist, dies führt zu einer überladenen Benutzeroberfläche und Entscheidungslähmung. Erkunden Sie sie also nach und nach, finden Sie heraus, was für Sie am besten funktioniert, und Sie werden am Ende ein schönes personalisiertes Toolkit für sich haben. Godspeed, du, Mitdesigner!