# Designing

## Checklist

– [Which version fits my project?](https://digital.sbb.ch/en/design-system/getting-started/designing/#variant)  
– [Access to SBB's Figma Space](https://digital.sbb.ch/en/design-system/getting-started/designing/#figma-space)  
– [Installing the required libraries](https://digital.sbb.ch/en/design-system/getting-started/designing/#install-libraries)  
– [Join the MS Team Community](https://digital.sbb.ch/en/design-system/getting-started/designing/#enter-community)  
– [Browse, understand, use components](https://digital.sbb.ch/en/design-system/getting-started/designing/#use-components)

### Which version fits my project? (Mobile/Lyne)

| In my project, we are... | This version fits you |
| --- | --- |
| ... creating a web application for our **employees.** | [Lyne](https://digital.sbb.ch/en/design-system/lyne/overview/) |
| ... creating a native app for **our employees**. | [Mobile](https://digital.sbb.ch/en/design-system/mobile/overview/) or [Lyne](https://digital.sbb.ch/en/design-system/lyne/overview/) |
| ... creating a native app for **our clients**. | [Mobile](https://digital.sbb.ch/en/design-system/mobile/overview/) |
| ... creating a a new website/microsite for **our clients**. | [Lyne](https://digital.sbb.ch/en/design-system/lyne/overview/) |
| ... creating a native app and a web application for **our clients**. | [Lyne](https://digital.sbb.ch/en/design-system/lyne/overview/) & [Mobile](https://digital.sbb.ch/en/design-system/mobile/overview/) |

### Access to SBB's Figma Space

Only internal staff and external staff with an SBB e-mail address have access.  
To create or edit designs, you need edit rights or a Figma licence. The costs for this licence are paid by you or your project. We need a PSP element to unlock you. Costs (approx. 540 Euro per year).  
Order by email to [ux@sbb.ch](mailto:ux@sbb.ch).

### Installing the required libraries

To install the required Libraies, you need to join the team [SBB Design Systeme](https://www.figma.com/files/937035332175966726/team/1016730059889367563). If you need Lyne components, you need to join the team [Lyne](https://www.figma.com/files/937035332175966726/team/877917807932767158).

All libraries are based on the following design token libraries. It is mandatory to activate them:

- [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)
- [Public transport pictograms](https://www.figma.com/file/el6W0pbvl6BRgaiPZ5NFqE/SBB-Pictograms?t=gMc333VEVkr5hjze-1)

Depending on the product or platform, you can activate the required libraries:

- [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)

### Join the MS Team Community

Not a Figma Hero yet? Join our [Figma support group](https://teams.microsoft.com/l/channel/19%3ac23a8ec66e74476895665eaef367be78%40thread.skype/Figma%2520Selbsthilfegruppe?groupId=6dcd0a69-d490-423c-b318-ea2b5e6d3b7b&tenantId=2cda5d11-f0ac-46b3-967d-af1b2e1bd01a). We will do our best to help you quickly.

### Browse, understand, use components

After that you can use components in Figma. It is recommended that you become familiar with the relevant documentation on this page: [Mobile](https://digital.sbb.ch/en/design-system/mobile/overview/), [Lyne](https://digital.sbb.ch/en/design-system/lyne/overview/).

---

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