--- title: Figma macht Dich fit für herausragendes Design url: "https://b13.com/de/wissen/eine-ode-an-figma" description: Entdecke die Leistungsfähigkeit von Figma für das UX-Design. Optimiere Projekte durch nahtlose Zusammenarbeit, plattformübergreifende Zugänglichkeit und innovative Funktionen. Steigere deine Effizienz und Transparenz in deinem Projekt. image: "https://b13.com/fileadmin/_processed_/2/0/csm_FigmaFavourites_Sharing_b31523baf6.png" date: 2024-02-13 modified: 2026-08-19 lastUpdated: 2026-08-19 --- # Figma macht Dich fit für herausragendes Design [ UX/UI-Design ](https://b13.com/de/wissen/uxui-design) [ Tool-Tip ](https://b13.com/de/wissen/tool-tip) Eine Ode an Figma =================== ![](https://b13.com/fileadmin/_processed_/1/a/csm_stefanie_9492752ded.jpg)Stefanie Kreuzer 13. Februar 2024 [ RSS Feed ](https://b13.com/de/rss.xml) ![Figma-Logo zentriert auf einem Rasterhintergrund, umgeben von verschiedenen Designelementen wie Pfeilen und rechteckigen Formen, was auf einen Schwerpunkt auf digitale Design- und Prototyping-Tools hinweist.](https://b13.com/fileadmin/_processed_/8/2/csm_FigmaFavourites_Headerbild_02ba5c66f5.webp) **Warum diese kollaborative Software den UX-Prozess auf die nächste Stufe hebt** Der UX-Designprozess ist ein komplexer Tanz, eine kontinuierliche, visuelle Kommunikation zwischen Designern, Projektmanagern, Entwicklern und Führungskräften. Ein offener Dialog und die Zusammenarbeit zwischen allen Beteiligten ist der Schlüssel für die Harmonisierung dieses Tanzes und für das Gelingen des Projekts. Nicht alle Designtools sind dafür gemacht, dieses Erfolgsrezept zu unterstützen. Einige Tools konzentrieren sich hauptsächlich auf die Erstellung und versagen, wenn es darum geht, das Design gemeinsam zu nutzen oder andere Teammitglieder als die Designer zu Beiträgen einzuladen. Die Merkmale und Funktionen von Figma sind so konzipiert, dass Designer das tun können, was sie am besten können: entwerfen. Aber es ermöglicht auch eine einfache Zusammenarbeit und Feedback von allen Teammitgliedern für einen effizienteren, aktuelleren und fundierteren UX-Designprozess, der eure Projekte auf die nächste Stufe heben kann. Figma bietet das Komplettpaket -------------------------------- Figma hat die Interessen, Probleme und Herausforderungen moderner Designer im Herzen. Es erspart dir eine Menge manueller Arbeit im UX-Designprozess und gibt dir gleichzeitig die nötige Kontrolle. Design-Systembibliotheken, Plattformunabhängigkeit, eine kollaborative Schnittstelle und ein gesundes Ökosystem von Plug-ins machen es zu deinem besten Freund und All-in-One-Tool. - Richte lokale Variablen und lokale Stile ein, um eine effiziente und konsistente Single Source of Truth zu schaffen. - Mit Hilfe von „Frames“ können Arbeitsbereiche in verschiedenen Bildschirmgrößen erstellt werden. Mit Hilfe von Constraints lässt sich das Verhalten von Layouts in Abhängigkeit von der Bildschirm- oder Rahmengröße definieren. - Elemente wie Rahmen, Texte und Bilder können in „Komponenten“ gebündelt werden, die als „Instanzen“ kopiert und wiederverwendet werden können. Änderungen an der Hauptkomponente werden automatisch an die untergeordneten Komponenten weitergegeben. - Automatische Layouts helfen dabei, Elemente auf dem Bildschirm zu organisieren und ein konsistentes Layout zu gewährleisten, wenn sich Inhalte ändern. - Die Versionierungsfunktion ermöglicht es Dir, den Entwurfsfortschritt zu verfolgen. Dies ist besonders nützlich, wenn Du Änderungen nachverfolgen oder zu einer früheren Version zurückkehren möchtest. - Die CSS-Eigenschaften der Objekte werden im Bereich „Prüfen“ angezeigt. - Entwürfe können zur Abstimmung und direkten Weiterbearbeitung mit anderen geteilt werden, es müssen keine Kopien verschickt werden. ![Eine Design-Software-Oberfläche zeigt ein Dialogfeld für Bibliotheksaktualisierungen an, das verschiedene Komponenten und Optionen zum Hinzufügen oder Verwalten von Designelementen enthält. Der Hintergrund ist ein Gittermuster in Türkis.](https://b13.com/fileadmin/_processed_/d/8/csm_FigmaFavourites_Library_6ac3feb1fa.webp) Designsysteme erstellen und gemeinsam nutzen ---------------------------------------------- Designsysteme gewährleisten die Konsistenz Deiner Entwürfe, und in Figma lassen sie sich leicht erstellen, gemeinsam nutzen und aktualisieren. Sobald du eine Designsystem-Bibliothek mit Komponenten, Stilen und Typografie eingerichtet hast, kannst du sie mit deinem Team teilen, damit jeder auf die neuesten Assets zugreifen kann. Mit Figma-Bibliotheken kannst du Design-Assets über mehrere Projekte hinweg synchronisieren. Wenn du also eine Komponente in einem Projekt änderst, werden diese Änderungen automatisch auf andere Projekte übertragen, die dieselbe Bibliothek verwenden. Diese Funktion gewährleistet Markenkonsistenz und spart Zeit bei Aktualisierungen; sie ist besonders für große Teams oder Projekte mit mehreren Beteiligten von Vorteil. ![Zwei Textfelder mit den Bezeichnungen "Marco @813" und "Laura @813" werden auf einer Designoberfläche angezeigt, während auf der Seite Optionen zum Beitreten, Teilen und zu Layout-Einstellungen sichtbar sind. Der Hintergrund zeigt ein Gittermuster.](https://b13.com/fileadmin/_processed_/3/c/csm_FigmaFavourites_Collaboration_9a547cc4fd.webp) Effiziente Zusammenarbeit --------------------------- Die Zusammenarbeit in Echtzeit ist eine der herausragenden Funktionen von Figma. Du kannst mit Teammitgliedern zusammenarbeiten, Feedback austauschen und Bearbeitungen gleichzeitig vornehmen. Diese Funktionalität stellt sicher, dass alle — Designer, Projektmanager und Führungskräfte — auf derselben Seite stehen und reduziert die Notwendigkeit endloser Hin- und Her-E-Mails. Diese nahtlose Zusammenarbeit ist besonders wertvoll für verteilte oder entfernte Teams, da sie den Bedarf an Dateifreigabe und Versionskontrollproblemen verringert. - **Prototyping:** Mit Figma kannst du nicht nur statische Designs erstellen, sondern auch Prototypen. Interaktive Prototypen helfen dabei, das Benutzererlebnis besser zu verstehen und zu verfeinern. Benutzer oder Kunden können die Interaktivität ihrer Entwürfe testen, indem sie Elemente miteinander verknüpfen und die Interaktion im Präsentationsmodus wiedergeben. Projektmanager, Entwickler und Geschäftsführer können diese Prototypen prüfen, um Feedback zu geben und die Übereinstimmung mit den Projektzielen sicherzustellen. - **Plattformübergreifende Verfügbarkeit:** Da Figma eine webbasierte Anwendung ist, kann sie auf verschiedenen Betriebssystemen und Geräten verwendet werden, ohne dass Software installiert werden muss. Dies trägt dazu bei, technische Barrieren zu beseitigen, und bedeutet, dass Entwürfe leicht über mobile Geräte zugänglich sind, wenn du unterwegs bist. - **Übergabe der Entwicklung:** Figma erleichtert Entwicklern den Zugriff auf Designspezifikationen, CSS-Code und Bilder, wodurch der Entwicklungsprozess und die Koordination zwischen Designer und Entwickler nahtloser werden. Die Überbrückung dieser Kluft zwischen Design und Entwicklung trägt dazu bei, Fehlinterpretationen zu reduzieren und den Implementierungsprozess zu beschleunigen. Plattformunabhängigkeit ------------------------- Die Vielseitigkeit von Figma ergibt sich aus seiner Cloud-basierten Infrastruktur, die es unabhängig von bestimmten Plattformen macht. Deine Entwürfe sind von jedem Gerät aus zugänglich, das mit einem Webbrowser ausgestattet ist, was eine nahtlose Funktionalität gewährleistet und sicherstellt, dass immer die aktuellste Version des Entwurfs verfügbar ist. Ganz gleich, ob du macOS, Windows oder Linux bevorzugst, Figma garantiert ein kompatibles Arbeitserlebnis und ermöglicht es dir, dich auf deinen kreativen Prozess zu konzentrieren, ohne dass du durch Plattformbeschränkungen behindert wirst. ![Eine Benutzeroberfläche, die eine Liste von Plugins anzeigt, einschließlich Namen, Beschreibungen und Optionen, um jedes einzelne zu öffnen. Das Layout hat ein dunkles Design mit einem Gitterhintergrund.](https://b13.com/fileadmin/_processed_/e/3/csm_FigmaFavourites_Plugins_a8083fb637.webp) Hab deine Plugins immer griffbereit ------------------------------------- Figma verfügt über ein lebendiges Plugin-Ökosystem, das es dir leicht macht, Plugins zu entdecken und zu installieren, die deine Aufgaben rationalisieren können. Ganz gleich, ob es um die Automatisierung sich wiederholender Aktionen oder die Generierung von Design-Assets geht, es gibt wahrscheinlich ein entsprechendes Plugin. Diese Flexibilität ermöglicht es Teams, Figma mit anderen Tools zu verbinden, die sie bereits verwenden, und so die Zusammenarbeit und die Effizienz des Arbeitsablaufs zu verbessern. Hier eine Auswahl von Tools, die wir gerne verwenden. - [**Iconify**](https://www.figma.com/community/plugin/735098390272716381/iconify) - Enthält über 100 Open-Source-Symbolsätze mit mehr als 100.000 Symbolen. - [**Unsplash**](https://www.figma.com/community/plugin/738454987945972471/unsplash) - Frei verwendbare Bilder für kommerzielle und persönliche Projekte. - [**EightShapes Specs**](https://www.figma.com/community/plugin/1205622541257680763/eightshapes-specs) - Automatisiert die Erstellung von Seiten- und Komponentendesignspezifikationen ausgewählter Komponenten, Instanzen und Rahmen. - [**Stark Accessibility Tools**](https://www.figma.com/community/plugin/732603254453395948/stark-contrast-accessibility-tools) - Eine Kombination integrierter Tools wie Contrast Checker, Focus Order, Alt-Text Annotations, Vision Simulator hilft dir, Barrierefreiheitsprobleme in der Vorproduktion und im Live-Design zu finden. - [**Content Reel**](https://www.figma.com/community/plugin/731627216655469013/content-reel) - Zieh Dir schnell Platzhalterbilder, Text und Icons rein, um dein Design einfacher zu visualisieren. Figma in deinen Projekten einsetzen ------------------------------------- Die modernen Herausforderungen, die mit dem UX-Designprozess einhergehen, sind real und vielfältig. Figma bietet nicht nur ein umfassendes Set an Design-Tools, die das Leben eines jeden Designers erleichtern, sondern fördert auch eine kollaborative Arbeitsumgebung. Dieser zentralisierte, teamorientierte Ansatz ermöglicht eine transparentere, leichter zugängliche Kommunikation in jeder Designphase und hilft allen Teammitgliedern, effizienter zum Wohle des Projekts zusammenzuarbeiten. Setz dich mit uns in Verbindung, um das Design Deines Projekts noch stärker zu machen. [ Let’s connect. ](https://b13.com/de/kontakt) ### Geschrieben von: ![Junge Frau mit langen, welligen Haaren, die einen leichten Pullover trägt und sanft lächelnd vor einem verschwommenen Innenhintergrund steht.](https://b13.com/fileadmin/_processed_/1/a/csm_stefanie_5a7d55f637.webp) Die UX- und Interface-Designerin Stefanie hat eine besondere Eigenschaft, die wir "die Arbeit sehen" nennen. Sie versteht sofort, was für ein bestimmtes Projekt getan werden muss, und macht sich an die Arbeit. Ihr unverzichtbares Werkzeug: Maultaschen Stefanie Kreuzer Design [ mehr von Stefanie Kreuzer ](https://b13.com/de/team/stefanie-kreuzer) Ähnliche Artikel ------------------ - ![Eine robotische Hand hält einen Pinsel und erzeugt einen lila Wirbel vor einem hellblauen Hintergrund mit kreisförmigen Mustern.](https://b13.com/fileadmin/_processed_/b/d/csm_DesignAndKI_Headerbild_bd966b1d32.webp) ### Verantwortungsvoll gestalten im KI-Zeitalter: Unsere Learnings 17. Juli 2026 | Laura Heine Laura Heine teilt, was sie beim Design Leadership Meetup über Verantwortung, Dokumentation und einen fairen Umgang mit KI im Team gelernt hat. [ weiterlesen: Verantwortungsvoll gestalten im KI-Zeitalter: Unsere Learnings ](https://b13.com/de/wissen/verantwortungsvoll-gestalten-im-ki-zeitalter-unsere-learnings) - ![Vier Aktenordner, die ein Balkendiagramm mit orangefarbenen Balken zeigen, vor einem hellblauen Hintergrund mit abstrakten Dokumentumrissen.](https://b13.com/fileadmin/_processed_/7/2/csm_PageInfoTabs_Headerbild_1e3eda44e5.webp) ### Den Seitenmodul-Header zähmen — Warum wir EXT:page\_info\_tabs entwickelt haben 31. März 2026 | David Steeb Wenn mehrere TYPO3-Extensions Inhalte im Page Module Header stapeln, wird es schnell unübersichtlich. EXT:page\_info\_tabs strukturiert alles automatisch in übersichtliche Tabs —… [ weiterlesen: Den Seitenmodul-Header zähmen — Warum wir EXT:page\_info\_tabs entwickelt haben ](https://b13.com/de/wissen/den-seitenmodul-header-zaehmen-warum-wir-extpage-info-tabs-entwickelt-haben) - ![Eine Hand hält eine Lupe über den Laptop-Bildschirm, der eine Webseite mit einem Bild und Textelementen anzeigt.](https://b13.com/fileadmin/_processed_/e/5/csm_BackendUserSection_Headerbild_6093c842fd.webp) ### Ein echter Geheimtipp in TYPO3: Die Backend User Section (Doktype 6) 05. März 2026 | David Steeb Entdecke den oft unterschätzten Doktype 6 (Backend User Section) in TYPO3 für sichere interne Vorschauen, Redaktionstrainings und Prototyping. Erfahre praxisnahe Anwendungsfälle,… [ weiterlesen: Ein echter Geheimtipp in TYPO3: Die Backend User Section (Doktype 6) ](https://b13.com/de/wissen/ein-echter-geheimtipp-in-typo3-die-backend-user-section-doktype-6) - ![Eine menschliche Hand schüttelt eine Roboterhand vor einem lila Hintergrund mit Herzmustern, was die Zusammenarbeit zwischen Menschen und Technologie symbolisiert.](https://b13.com/fileadmin/_processed_/6/2/csm_AIbotsLoveMarkdown_Headerbild_72fe5820d6.webp) ### Das Internet ist nicht mehr nur für Menschen — KI-Bots lieben Markdown 28. Januar 2026 | Benni Mack Discover why most web traffic is now automated and how TYPO3’s structured content model prepares websites for humans, editors, and AI systems. [ weiterlesen: Das Internet ist nicht mehr nur für Menschen — KI-Bots lieben Markdown ](https://b13.com/de/wissen/das-internet-ist-nicht-mehr-nur-fuer-menschen-ki-bots-lieben-markdown) - ![Mehrere farbenfrohe Mockups von Webseiten, die übereinander gestapelt sind und verschiedene Layouts sowie Designelemente vor einem lila Hintergrund präsentieren.](https://b13.com/fileadmin/_processed_/e/3/csm_CaminoTheme_Headerbild_d082598009.webp) ### Camino—The Need for a Default Theme in TYPO3 Is Real 27. Januar 2026 | Benni Mack With TYPO3 v14, Camino introduces a default theme that removes friction from first installs. Why this matters—and how TYPO3 laid the groundwork. - ![Zwei ineinandergreifende Zahnräder mit einem getrennten elektrischen Stecker und einem Etikett mit der Aufschrift 'v13' auf lila Hintergrund.](https://b13.com/fileadmin/_processed_/0/7/csm_TYPO3v13_Headerbild_14eb602ce4.webp) ### Was gibt’s Neues in TYPO3 v13? 20. Januar 2026 | Desirée Lochner Mit TYPO3 v13 beginnt eine neue Ära der Nutzerfreundlichkeit. Die Version begeistert mit einer modernen, frischen und unglaublich performanten Benutzeroberfläche — entwickelt für… [ weiterlesen: Was gibt’s Neues in TYPO3 v13? ](https://b13.com/de/loesungen/typo3/was-gibts-neues-in-typo3-v13) - ![Benutzeroberflächendesign mit einer dunklen Seitenleiste, die Navigationsoptionen bietet, und einem zentralen Inhaltsbereich mit Platzhaltertext.](https://b13.com/fileadmin/_processed_/6/6/csm_V14BackendUX_Headerbild_6dcecb335f.webp) ### Gestaltung des Backends von TYPO3 v14: Unsere Vision für eine moderne, erweiterbare Grundlage 12. Januar 2026 | Laura Heine b13 gestaltet das Backend von TYPO3 für Version 14 neu, damit es moderner wirkt, schneller läuft, den Benutzerkontext beibehält und eine erweiterbare Grundlage schafft, die sich… [ weiterlesen: Gestaltung des Backends von TYPO3 v14: Unsere Vision für eine moderne, erweiterbare Grundlage ](https://b13.com/de/wissen/gestaltung-des-backends-von-typo3-v14-unsere-vision-fuer-eine-moderne-erweiterbare-grundlage) - ![Benutzerschnittstellenelemente wie Textfelder, Kontrollkästchen und Schaltflächen, verbunden durch Pfeile auf einem lila Hintergrund.](https://b13.com/fileadmin/_processed_/f/7/csm_EffectiveWebForms_Headerbild_2c906e6176.webp) ### Wie man Webformulare richtig macht 18. August 2025 | David Steeb Effective web form design is a critical component of user engagement and conversion. By focusing on clarity, simplicity, and user experience, businesses can create web forms that… [ weiterlesen: Wie man Webformulare richtig macht ](https://b13.com/de/wissen/wie-man-webformulare-richtig-macht) - ![Eine lila Mappe ist zentral platziert und von roten und blauen rechteckigen Elementen umgeben, die durch Linien auf einem Gitterhintergrund verbunden sind.](https://b13.com/fileadmin/_processed_/1/5/csm_EffectiveInformationArchitecture_Headerbild_c5bbf51bfe.webp) ### Effektive Informationsarchitekturen entwerfen: Best Practices 30. Juli 2025 | David Steeb Tauche ein in unseren neuesten Artikel über die Welt der Informationsarchitektur und ihren entscheidenden Einfluss auf die User Experience. Erfahre zentrale Strategien und Best… [ weiterlesen: Effektive Informationsarchitekturen entwerfen: Best Practices ](https://b13.com/de/wissen/designing-an-effective-information-architecture-best-practices) - ![Zwei Roboterarme sind um eine Lupe positioniert und konzentrieren sich auf den Buchstaben "g" in einer stilisierten Schriftart. Der Hintergrund zeigt ein Gittermuster mit wiederholten "Ag"-Symbolen.](https://b13.com/fileadmin/_processed_/1/8/csm_FontGuidelines_Headerbild_6f3f5a0baa.webp) ### Mit Schriften gestalten: Ein Leitfaden für UI-Schriftgrößenrichtlinien 03. Juni 2025 | David Steeb Entdecke die Bedeutung von Richtlinien zur Schriftgröße im UI-Design, um zugängliche und visuell ansprechende Benutzeroberflächen zu schaffen. Erfahre die Best Practices für… [ weiterlesen: Mit Schriften gestalten: Ein Leitfaden für UI-Schriftgrößenrichtlinien ](https://b13.com/de/wissen/designing-with-type-a-guide-to-ui-font-size-guidelines)