Ich erstelle dein Figma-Design-System mit Tokens und Variablen


Über diesen Service
Automatische Übersetzung
Ein Design-System ist nur dann sinnvoll, wenn dein Team es auch tatsächlich nutzt. So scheitern die meisten Figma-Bibliotheken: hartkodierte Farben, Komponenten ohne Zustände, und niemand weiß, welcher Button der richtige ist.
Ich bin Lead Product Designer mit über 10 Jahren UX/UI-Erfahrung, davon 7 Jahre bei Deloitte Digital. Ich habe Design-Systeme für Fintech- und B2B-Produkte entwickelt, darunter das Masterpass-Integrationsportal und Ledgerly, ein Abrechnungs-Dashboard mit Light- und Dark-Themes (241 Variablen, 56 Komponentensets).
Was du bekommst:
- Token-Grundlagen in Figma-Variablen: Farben, Typografie, Abstände, Radius, Effekte
- Semantische Tokens, damit Theme und Dark Mode ein Wechsel und kein Redesign sind
- Komponenten mit echten Zuständen: Hover, Focus, Disabled, Error, Loading
- Auto Layout und Varianten, die auch bei Inhaltsänderungen funktionieren
- Eine klare, dokumentierte Datei, die deine Designer und Entwickler sofort nutzen können
Geeignet für: SaaS-Produkte, Startups, die von einem unordentlichen UI-Kit loskommen, Teams, die sich auf ein Redesign oder einen Dark Mode vorbereiten.
Schon eine bestehende Datei? Schick sie vor der Bestellung und ich sage dir, was sie braucht.
Bevorzugte Lieferart
Bitte informiere den Freelancer über alle Präferenzen oder Bedenken in Bezug auf den Einsatz von KI-Tools bei der Ausführung und/oder Lieferung deines Auftrags.
Lerne Bedri Cem I. kennen
Lead Product Designer, SaaS UX UI and Design Systems
- AusTürkei
- Mitglied seitDez. 2021
Sprachen
Englisch
Automatische Übersetzung
Mein Portfolio
FAQ
Automatische Übersetzung
Kannst du eine bestehende Figma-Datei verbessern?
Ja. Ich prüfe deine aktuelle Datei, baue Farben und Typografie als Variablen neu auf und räume Komponenten auf, ohne die Screens zu zerbrechen, die sie schon verwenden.
Wie verwenden Entwickler die Tokens?
Variablen sind nach Zweck benannt (zum Beispiel color/bg/primary), damit sie direkt zu CSS-Variablen oder einer Theme-Datei passen. Wenn dein Team es braucht, kann ich sie auch als JSON exportieren.
Welche Komponenten sind enthalten?
Core Library deckt 12 Essentials ab, wie Button, Input, Select, Checkbox, Radio, Toggle, Tag, Tooltip, Card, Modal, Tabs und Table Row. Brauchst du andere? Sag Bescheid, ich tausch sie aus.
Besitze ich die Quelldateien?
Ja. Du bekommst die vollständige Figma-Datei mit allen Variablen, Stilen und Komponenten, sobald die Bestellung abgeschlossen ist.

