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

https://www.loom.com/share/86da48643eb64796b2bc2ab2a5830afb

</aside>