Im Video Guide begleitet Matthias Meissen (Senior UX Designer) schrittweise durch alle Bestandteile des BVG Design System und erklärt, wie wir das BDS benutzen.
<aside> <img src="/icons/playback-play_gray.svg" alt="/icons/playback-play_gray.svg" width="40px" /> Intro
https://www.loom.com/share/46100fdd4b1b41c8b73187ebf9547d34
BDS-Intro-01
Im Video Guide zeigt euch Matthias, wie das BDS aufgebaut ist und wie wir es einsetzen.
2min
</aside>
<aside> <img src="/icons/playback-play_gray.svg" alt="/icons/playback-play_gray.svg" width="40px" /> Getting Started
https://www.loom.com/share/c9a726aedff44dce825faa2a5081cbad
BDS-Libraries-01
In diesem Video zeigt euch Matthias, wie ihr Figma Libraries in eurem Workspace installieren könnt.
2min
</aside>
<aside> <img src="/icons/playback-play_gray.svg" alt="/icons/playback-play_gray.svg" width="40px" /> Design
https://www.loom.com/share/165ae9852c2c4deda1bb5a4ff865908c
BDS-Design Basics-01
Im diesem Video leitet Matthias das Thema Design Basics ein.
7min
https://www.loom.com/share/b23ecafc38034948a29e7ac6a5aaecdd
BDS-Design Prinzipien-01
Im diesem Video erklärt euch Matthias, wie die Design Prinzipien uns helfen Designentscheidungen treffen.
3 min
https://www.loom.com/share/809f975684ed41b490be55a3d99ea4b2
BDS-Design Methoden-01
In diesem Video erklärt euch Matthias, wie Design Methoden uns dabei helfen gängige Designherausforderungen zu lösen.
4 min
</aside>
<aside> <img src="/icons/playback-play_gray.svg" alt="/icons/playback-play_gray.svg" width="40px" /> Foundations
https://www.loom.com/share/ffd6d937ebc44ca78b6ba8ef78193a84
BDS-Foundations-Tokens-01
Im diesem Video erklärt euch Matthias, was Design Tokens sind und wie sie funktionieren.
3 min
https://www.loom.com/share/3ac6a27029dc47b4babfd3aa7182abea
BDS-Foundations-Farben-01
In diesem Video zeigt euch Matthias, wie das BVG Farbsystem aufgebaut ist und wie wir es benutzen.
5 min
https://www.loom.com/share/596026ce4a6c4fb0a15c77b6559d3e10
BDS-Foundations-Typography-01
Im diesem Video erklärt Matthias, wie das Typography System der BVG aufgebaut ist.
4 min
https://www.loom.com/share/d4fdf832108240cca54962d7cae755c5
BDS-Foundations-Spacing-01
Im diesem Video erklärt Matthias, wie das Spacing System der BVG aufgebaut ist.
3 min
https://www.loom.com/share/c70d208c4e5d49d68d28992b599ba10b
BDS-Foundations-Border Radius-01
Im diesem Video erklärt Matthias, wie wir den Border Radius für die unsere Designs bestimmen und einsetzen.
3 min
https://www.loom.com/share/ace757b3357846a9be0ed627a047be60
BDS-Foundations-Schatten-01
Im diesem Video erklärt Matthias, wann und wie wir Schatten einsetzen.
3 min
https://www.loom.com/share/bf3cb058707942e5ab7ee8be58b1c87a
BDS-Foundations-Icons-01
Im diesem Video stellt Matthias das große BVG Icon Set vor und erklärt, wie wir es verwenden.
1 min
</aside>
<aside> <img src="/icons/playback-play_gray.svg" alt="/icons/playback-play_gray.svg" width="40px" /> Components
</aside>