Figma: Mockups, Prototypen und kollaboratives Design

Figma ist das Referenz-Tool für Interface-Design. Du zeichnest Mockups für Websites und Apps, verwandelst sie in klickbare Prototypen, baust dein Design-System und übergibst alles über den Dev Mode an die Entwickler. Alles läuft im Browser oder in der Desktop-App, und mehrere Personen können gleichzeitig an derselben Datei arbeiten. Rund um das reine Design hat Figma FigJam für Workshops und Whiteboards ergänzt, Slides für Präsentationen, Sites zum Veröffentlichen von Webseiten und KI-Funktionen, die monatliche Credits verbrauchen.

Für freiberufliche UI/UX-Designer, klar, aber auch für Entwickler und Produktmacher, die vor dem Programmieren skizzieren wollen, und für Berater, die einen sauberen Prototyp brauchen, um eine Idee zu verkaufen. Der echte Vorteil für Selbstständige ist die Kundenbeziehung: Du teilst einen Link, dein Kunde kommentiert direkt im Mockup, und du verschickst nie wieder ein PDF „v3 final“. Wenn sich deine Arbeit vor allem um Marketing-Grafiken dreht, ist Canva schneller. Wenn du eine Website im selben Tool gestalten und veröffentlichen willst, schau dir Framer oder Webflow an.

• Mockups bauen: Komponenten, Auto Layout, Variablen und Stile für saubere, konsistente Oberflächen.
• Prototypen erstellen: Screens verknüpfen, Interaktionen und Animationen hinzufügen, einen Testlink an den Kunden schicken.
• Ein Design-System aufbauen: Bibliotheken, die über Dateien und Projekte hinweg geteilt werden (Professional-Plan).
• An Entwickler übergeben: Dev Mode zum Prüfen von Maßen, Exportieren von Assets und Übernehmen des Codes, mit einem MCP-Server für KI-Coding-Tools.
• Workshops leiten: FigJam für Whiteboards, Empathy Maps und User Journeys.
• Weitergehen: Plugins, UI-Kits und Community-Dateien, Präsentationen, Social-Media-Grafiken, Illustrationen und sogar Websites, die direkt aus Figma veröffentlicht werden.

Figma rechnet pro Sitz ab, mit vier Sitztypen: Full (voller Zugang), Dev (für Entwickler), Collab (Kommentare und FigJam) und View (Ansehen, kostenlos).

• Starter: kostenlos. Unbegrenzt Dateien in deinen Entwürfen, Teilen mit unbegrenzt vielen Betrachtern, gemeinsames Bearbeiten in maximal 3 Dateien (3 Seiten pro Datei), 500 KI-Credits pro Monat.
• Professional: 16 $ pro Monat pro Full-Sitz (angezeigter Preis, die Seite bietet monatliche oder jährliche Abrechnung), 12 $ pro Dev-Sitz, 3 $ pro Collab-Sitz. Unbegrenzt Dateien und Projekte, Team-Bibliotheken, erweiterter Dev Mode und MCP-Server, 3.000 KI-Credits pro Monat pro Full-Sitz.
• Organization: 55 $ pro Monat pro Full-Sitz, 25 $ Dev, 5 $ Collab, jährlich abgerechnet.
• Enterprise: 90 $ pro Monat pro Full-Sitz, 35 $ Dev, 5 $ Collab, jährlich abgerechnet.

Zusätzliche KI-Credits können optional gekauft werden. Der Education-Plan enthält die Professional-Funktionen kostenlos für Studierende und Lehrende. Preise im November 2026 auf figma.com erhoben.

Bei FreelanceKit haben wir Figma aufgenommen, weil es der Branchenstandard ist: Deine Kunden, deren Entwickler und die anderen Freelancer, mit denen du zusammenarbeitest, nutzen es bereits, und eine Figma-Datei lässt sich reibungslos weitergeben. Der Starter-Plan reicht, um allein zu starten, ein Projekt zu prototypen und zu präsentieren, und der Professional-Sitz bleibt für Selbstständige, die vom Design leben, bezahlbar.

Die Schwachstelle, die du kennen solltest: Die Grenze von 3 gemeinsam bearbeiteten Dateien im kostenlosen Plan ist schnell erreicht, sobald du mit einem Kunden oder einem Entwickler an mehreren Projekten arbeitest. Darüber hinaus steigt die Abrechnung pro Sitz in Dollar schnell, wenn du Mitarbeitende zum Bearbeiten einladen musst, und die KI-Funktionen sind durch monatliche Credits gedeckelt.

Wenn du zwischen Canva, Adobe Creative Cloud oder Framer schwankst, schau dir unsere Seite mit den Alternativen zu Figma an.