Ich werde ein Designsystem mit Tokens, Komponenten und Dokumentation aufbauen


Über diesen Service
Automatische Übersetzung
Ich habe das unternehmensweite Designsystem bei einem Softwareunternehmen entwickelt und gepflegt, das an Fluggesellschaften und große Unternehmensgruppen liefert. Kein Ordner mit Figma-Bildschirmen, sondern ein System, das tatsächlich von Ingenieuren genutzt wird.
Was du bekommst:
- Design Tokens: Farben, Typografie, Abstand, Radius, Elevation, in einer Struktur, die klar auf CSS-Variablen oder Tailwind-Konfiguration abbildet
- Eine Komponentenbibliothek in Figma mit Varianten und richtiger Auto-Layout, damit sie im echten Teamalltag funktioniert
- Abgedeckte Zustände: Standard, Hover, Fokus, Deaktiviert, Laden, Fehler
- Hell und Dunkel, falls du beides brauchst
- Dokumentation, die erklärt, wann eine Komponente verwendet werden soll und wann nicht
- Optional: die gleichen Komponenten als React- und Tailwind-Code, von den gleichen Leuten, die sie entworfen haben
Der Sinn eines Designsystems ist, dass der fünfte Bildschirm eine Stunde statt eines Tages dauert. Das funktioniert nur, wenn die Benennung, die Tokens und die Dokumentation stimmen, was bei den meisten Systemen scheitert.
Sag mir, was du heute hast, Figma-Datei, bestehenden Code oder gar nichts, und ich sage dir, welches Paket passt.
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.
Rechte Dritter respektieren
Bitte beachte, dass es gegen die Richtlinien von Fiverr verstößt, wenn Freelancer Themes, Vorlagen oder andere Elemente, die die Rechte Dritter oder geltende Gesetze verletzen, in die gelieferte Arbeit aufnehmen. Lies mehr darüber in unseren Leitfaden für verantwortungsvolle digitale Kreation.
Lerne Arif Tarkan kennen
Product Designer and Front End Developer, Enterprise UX, Astro and React Sites
- AusTürkei
- Mitglied seitOkt. 2022
- ⌀ Antwortzeit1 Stunde
Sprachen
Englisch
Automatische Übersetzung
Mein Portfolio
FAQ
Automatische Übersetzung
Kannst du mit unserer bestehenden Figma-Datei oder Codebasis arbeiten?
Ja, und das ist meistens der bessere Weg. Ich prüfe, was du bereits hast, behalte die funktionierenden Teile und baue den Rest in eine konsistente Token- und Komponentenstruktur um. Schick mir den Figma-Link oder das Repo, und ich sage dir, was noch brauchbar ist.

