# Designing

## Checkliste

– [Welche Ausprägung passt zu meinem Projekt?](https://digital.sbb.ch/de/design-system/getting-started/designing/#variant)  
– [Zugriff auf Figma Space der SBB](https://digital.sbb.ch/de/design-system/getting-started/designing/#figma-space)  
– [Installieren der benötigten Libraries](https://digital.sbb.ch/de/design-system/getting-started/designing/#install-libraries)  
– [MS-Team Community beitreten](https://digital.sbb.ch/de/design-system/getting-started/designing/#enter-community)  
– [Komponenten durchstöbern, verstehen, verwenden](https://digital.sbb.ch/de/design-system/getting-started/designing/#use-components)

### Welche Ausprägung (Mobile/Lyne) passt zu meinem Projekt?

| In meinen Projekt wird eine... | Diese Ausprägung passt zu Dir |
| --- | --- |
| ... Web-Applikation für **unsere Mitarbeiter** erarbeitet. | [Lyne](https://digital.sbb.ch/de/design-system/lyne/overview/) |
| ... interne Mobile-App für **unsere Mitarbeiter** erarbeitet. | [Mobile](https://digital.sbb.ch/de/design-system/mobile/overview/) oder [Lyne](https://digital.sbb.ch/de/design-system/lyne/overview/) |
| ... native Mobile-App für **unsere Kunden** erarbeitet. | [Mobile](https://digital.sbb.ch/de/design-system/mobile/overview/) |
| ... neue Webseite/Microsite für **unsere Kunden** erarbeitet. | [Lyne](https://digital.sbb.ch/de/design-system/lyne/overview/) |
| ... interne Web-Applikation sowie eine native Mobile-App entwickelt. | [Lyne](https://digital.sbb.ch/de/design-system/lyne/overview/) & [Mobile](https://digital.sbb.ch/de/design-system/mobile/overview/) |

### Zugriff auf Figma Space der SBB

Zugriff erhalten nur interne Mitarbeiter sowie externe Mitarbeiter mit einer SBB-Mail-Adresse.  
Um Designs zu erstellen oder zu editieren benötigst du Edit-Rechte, bzw. eine Figma-Lizenz. Die Kosten für diese Lizenz trägst du, bzw. dein Projekt. Wir benötigen ein PSP-Element um dich freizuschalten. Kosten (ca. 540 Euro pro Jahr).  
Bestellung per Mail an [ux@sbb.ch](mailto:ux@sbb.ch).

### Installieren der benötigten Libraries

Damit du die benötigten Libraies installieren kannst, musst du dem Team [SBB Design Systeme](https://www.figma.com/files/937035332175966726/team/1016730059889367563) beitreten. Sofern du Lyne Komponenten benötigst, musst du dem Team [Lyne](https://www.figma.com/files/937035332175966726/team/877917807932767158) beitreten.

Sämtliche Libraries basieren auf folgenden Design-Token-Libraries. Es ist zwingend nötig diese zu aktivieren:

- [SBB Colors](https://www.figma.com/file/MN4unbOECrOGJ2bKxgYZI1/SBB-Colors?t=gMc333VEVkr5hjze-1)
- [SBB Icons](https://www.figma.com/file/UQBd7cHKav0hr9oXYp7opJ/SBB-Icons?t=gMc333VEVkr5hjze-1)
- [öV-Piktogramme](https://www.figma.com/file/el6W0pbvl6BRgaiPZ5NFqE/SBB-Pictograms?t=gMc333VEVkr5hjze-1)

Danach kanns du je nach Produkt, bzw. Zielplattform die benötigten Libraries aktivieren:

- [Lyne](https://www.figma.com/file/9r6xSfNmEfCFxl1yFYedrj/Lyne-Components?t=gMc333VEVkr5hjze-1)
- [Mobile](https://www.figma.com/file/WOtLIam1xwrqcgnAITsEhV/Design-System-Mobile?t=gMc333VEVkr5hjze-1)

### Microsoft Teams Community beitreten

Du bist noch kein Figma-Hero? Tritt unserer [Figma-Selbsthilfe Gruppe](https://teams.microsoft.com/l/channel/19%3ac23a8ec66e74476895665eaef367be78%40thread.skype/Figma%2520Selbsthilfegruppe?groupId=6dcd0a69-d490-423c-b318-ea2b5e6d3b7b&tenantId=2cda5d11-f0ac-46b3-967d-af1b2e1bd01a) bei. Wir geben uns Mühe dir rasch zu helfen.

### Komponenten durchstöbern, verstehen, verwenden

Danach kannst du Komponenten in Figma verwenden. Es empfiehlt sich mit der passenden Dokumentation auf dieser Seite vertraut zu machen: [Mobile](https://digital.sbb.ch/de/design-system/mobile/overview/), [Lyne](https://digital.sbb.ch/de/design-system/lyne/overview/).

---

Source: https://digital.sbb.ch/de/design-system/getting-started/designing/