Wir reden viel über Vue, auch über einige praktische Anwendungen, aber wir sind noch nicht tief in das Design dafür eingetaucht. In diesem Beitrag beschreibt Viljami Salminen seinen Vue-Designprozess und die Gedanken, die ihn dazu brachten, das Vue Design System zu entwickeln.
Ein Designsystem kann helfen, ein gemeinsames Vokabular zwischen allen in einer Organisation zu etablieren und die Zusammenarbeit zwischen verschiedenen Disziplinen zu erleichtern. Ich habe auch schon das Gegenteil erlebt, wenn wichtige Entscheidungen überstürzt getroffen wurden. Um das zu vermeiden, führt das Vue Design System das folgende Framework für die Benennung ein, das sich in der Vergangenheit gut bewährt hat…
Viljami nennt Design Principles, Tokens, Elements, Patterns und Templates als die Art und Weise, wie er ein System strukturiert, und ich finde das einen ziemlich interessanten Ansatz und eine Parallele zu Lucas Lemonniers Beitrag über die Erstellung von Designsystemen in Sketch, der Atomic Design als Struktur verwendet. Besonders gut gefällt mir, wie Viljami alles in dem bereitgestellten Beispiel-Styleguide zusammenfügt.