‍

mStudio Design System

Im Design System starten

Konsistente Components und Patterns im Einklang mit der Marke fördern nutzerzentriertes, barrierearmes Design und sorgen für eine starke Developer Experience.Zu Get Started‍

Flow 1.0 ist da

Eine kleine Zahl, ein großer Schritt. Flow 1.0 macht unser Design System versioniert, stabil und verlässlich.Zu Releases‍

Fokus auf Developer Experience

Verschachtelte Components erleichtern das Einfügen. Automatisierungen ordnen Components automatisch mit passenden Abständen an und verhindern Abweichungen vom Design System. Alles Open Source auf GitHub‍ verfügbar und hier im Styleguide dokumentiert.Zu den Components‍

Profil

E-Mail-Adresse
max@mustermann.de
<Section>
  <Header>
    <Heading>Profil</Heading>
    <Button color="secondary" variant="soft">
      Bearbeiten
    </Button>
  </Header>
  <LabeledValue>
    <Label>E-Mail-Adresse</Label>
    <Content>max@mustermann.de</Content>
  </LabeledValue>
</Section>

mittwald Developer Portal

Im Developer Portal findest du alles, um direkt loszulegen: klare API-Dokumentation, praktische CLI-Guides und alle Infos, die du brauchst, um eigene Extensions zu entwickeln.Zum Developer-Portal‍

Baue mStudio Extensions

Mit Flow entwickelst du mühelos die Benutzeroberflächen im passenden Stil. Ganz gleich, ob direkt in mStudio integriert oder als eigenständige Lösung.Zur Extension Landingpage‍

Foundations

Erfahre mehr über die Grundlagen unseres Design Systems.Zu den Foundations‍

Templates

Finde passende Templates für häufige Design- und Interaktionsaufgaben.Zu den Templates‍

Components

Nutze unseren modularen Components-Baukasten für dein Projekt.Zu den Components‍