Zum Inhalt springen
Alle Leistungen

Design Systems

Design Systems in Augsburg: konsistent gestalten, schneller entwickeln

Für Produktteams, die weniger Zeit mit Abstimmung und Einzellösungen verbringen und neue Seiten schneller und einheitlicher bauen wollen.

Ich arbeite von Königsbrunn bei Augsburg aus: vor Ort in Augsburg und Umgebung, sonst remote in ganz Deutschland.

Kostenloses Erstgespräch
  • Design-Tokens
  • Komponenten
  • Figma
  • Dokumentation

Das ist enthalten

Ich baue Design Systems, die Teams schneller und konsistenter arbeiten lassen, mit Token-Architektur, Komponenten und klarer Doku.

  • Design-Token-Architektur
  • Komponentenbibliothek (Figma)
  • Dokumentation & Richtlinien
  • Theming & Dunkelmodus
  • Design-Dev-Übergabe

Von der Bestandsaufnahme zum nutzbaren Design System in 4 bis 10 Wochen

  1. Woche 1

    Schritt 1: Bestandsaufnahme

    Ich sammle, was es schon gibt: Farben, Schriften, Buttons, Formulare. So sehen wir, wo Wildwuchs entstanden ist und was wiederverwendet werden kann.

    Typische Ergebnisse

    • Interface-Inventar
    • Liste der Unstimmigkeiten
    • Prioritäten
  2. Woche 2 bis 3

    Schritt 2: Design-Tokens

    Ich lege die Grundlagen als Tokens fest: Farben, Typografie, Abstände, Radien. Mit Varianten für Theming und Dunkelmodus.

    Typische Ergebnisse

    • Token-Architektur
    • Farb- und Schriftskalen
    • Dunkelmodus
  3. Woche 3 bis 7

    Schritt 3: Komponenten

    Auf den Tokens baue ich eine Komponentenbibliothek in Figma, mit Varianten und Zuständen und barrierefrei nach WCAG.

    Typische Ergebnisse

    • Komponentenbibliothek
    • Varianten und Zustände
    • Beispielseiten
  4. Woche 7 bis 9

    Schritt 4: Dokumentation

    Ich beschreibe, wann welche Komponente passt und was dabei zu beachten ist, kurz und verständlich für Design und Entwicklung.

    Typische Ergebnisse

    • Richtlinien
    • Nutzungsbeispiele
    • Do und Don’t
  5. Woche 9 bis 10

    Schritt 5: Übergabe und Einführung

    Ich stelle das System deinem Team vor, kläre die Übergabe an die Entwicklung und lege fest, wie es gepflegt und erweitert wird.

    Typische Ergebnisse

    • Team-Einführung
    • Design-Dev-Übergabe
    • Pflegeprozess

Ein Design System ist mehr als eine Komponentensammlung.

  • Token-Architektur

    Farben, Schriften und Abstände als zentrale Werte, die überall gleich wirken.

  • Komponentenbibliothek

    Wiederverwendbare Bausteine in Figma mit allen Varianten und Zuständen.

  • Theming und Dunkelmodus

    Mehrere Themes oder Marken auf einer gemeinsamen Grundlage.

  • Barrierefreiheit

    Kontraste, Fokus und Größen nach WCAG direkt in den Komponenten.

  • Dokumentation

    Kurze, verständliche Richtlinien, die dein Team auch wirklich liest.

  • Design-Dev-Übergabe

    Gleiche Namen und Werte in Figma und Code, damit nichts verloren geht.

Pakete

Zwei typische Wege. Umfang und Preis klären wir im Erstgespräch, passend zu deinem Projekt.

  • Grundlagen

    Für kleine Teams, die mit einer soliden Basis aus Tokens und Kernkomponenten starten wollen.

    • Bestandsaufnahme
    • Design-Tokens für Farben, Schriften und Abstände
    • Kernkomponenten wie Buttons und Formulare
    • Kurze Dokumentation
    • Übergabe der Figma-Bibliothek
    Paket „Grundlagen“ anfragen

  • Komplett

    Für Teams mit mehreren Produkten oder Marken, die ein skalierbares System brauchen.

    • Alles aus den Grundlagen
    • Vollständige Komponentenbibliothek
    • Theming und Dunkelmodus
    • Ausführliche Richtlinien
    • Design-Dev-Übergabe mit Entwicklungsteam
    • Einführung im Team und Pflegeprozess
    Paket „Komplett“ anfragen

Warum mit mir

  1. Aus der Praxis gebaut

    Ich entwerfe Komponenten so, wie ich sie selbst umsetze, mit Tokens, Zuständen und Barrierefreiheit von Anfang an.

  2. Ein Ansprechpartner

    Du sprichst von der ersten Idee bis zum Livegang mit mir, ohne Weiterreichen und ohne Stille Post.

  3. Ehrliche Einschätzung

    Ich sage dir offen, was sich lohnt und was nicht, auch wenn das kleinere Aufträge bedeutet.

  4. Vor Ort und remote

    In und um Augsburg treffen wir uns gern persönlich, sonst arbeiten wir unkompliziert per Video in ganz Deutschland.

Werkzeuge

  • Figma
  • VS Code
  • Webflow
  • Claude

Häufige Fragen

Alle FAQs

Lohnt sich ein Design System für kleine Teams?

Ja, in schlanker Form. Schon wenige Tokens und Kernkomponenten sparen Abstimmung und verhindern, dass jede Seite anders aussieht. Das System wächst dann mit deinem Produkt.

Was kostet ein Design System?

Das hängt vom Umfang ab, also von der Zahl der Komponenten, Themes und Produkte. Nach dem kostenlosen Erstgespräch bekommst du ein konkretes Angebot.

Arbeitest du mit unserem Entwicklungsteam zusammen?

Ja, das ist entscheidend. Ich stimme Namen und Werte mit der Entwicklung ab, damit Figma und Code dieselbe Sprache sprechen.

Können wir auf unserer bestehenden Figma-Bibliothek aufbauen?

Ja. Ich räume bestehende Dateien auf, vereinheitliche sie und ergänze, was fehlt, statt bei null anzufangen.

Wer pflegt das System danach?

Dein Team. Ich lege mit euch fest, wer Änderungen freigibt und wie neue Komponenten dazukommen. Auf Wunsch begleite ich die Pflege weiter.

Passende Leistungen

Interesse an Design Systems?

Im kostenlosen Erstgespräch klären wir unverbindlich, was du brauchst und wie ich dir helfen kann.

Kostenloses Erstgespräch