Get started as a designer
The Mews Design System (MDS) provides Mews with a shared language, facilitates cross-functional collaboration, and maintains design cohesion. These tools will help you get started and access our most up-to-date designs and standards.
Connect to Mews in Figma
- Download Figma directly from the Figma Website. If you do not have access, you can request it in Slack.
- Once you have Figma on your computer, open the application and select “Log in with SSO.” From there, enter your Mews email address and open Figma.
- From the left-hand column, select “Mews” and join the Design System team to gain access to the MDS asset libraries and documentation.
- When creating or opening an existing design file, you should see the MDS components populate under the “Assets” tab in the left-hand column. Libraries include MDS 2.0, MDS Tokens 2.0, and MDS Visual Assets Library.
Figma Libraries
To start a contribution, you should create a branch in the appropriate library based on the scope of your work:
- Core components: Use the MDS 2.0 library.
- Design tokens: Use the MDS Tokens 2.0 library.
- Team-specific: Choose either the B2B or GX workspace, depending on the product.
MDS 2.0
Our core components
MDS Tokens 2.0
Design tokens library
B2B Workspace
B2B components
GX Workspace
GX components
Figma library tips
- Avoid detaching components when possible. Instead, use the component’s variant options or show/hide layers within the component. If a component is not working as expected, reach out to MDS community.
- Make sure your components stay up to date. You may see a notification in the bottom right corner of Figma when an update is available.