Design Contribution
Once your request is validated, you're ready to start the design phase by opening a branch in the corresponding Figma library file.
Here’s how to proceed:
- Research (optional but recommended): Collect benchmarks, best practices, user feedback, and metrics. Communicate with other teams.
- Design: Plan your component with necessary variants, states, and properties.
- Review: Request a review directly in the Figma branch.
- Publish: Merge and publish your design in Figma and hand it over to your engineer.
Contribution Toolkit
The toolkit is an optional resource to support you through component creation or updates. It includes:
- Playground: A space to experiment and refine your ideas, including sections for research, benchmarking, best practices, data evidence, and the impact on other teams.
- Component Guidance: Checklists for planning, building, refining, and reviewing your component, including advanced settings, foundation checks, and accessibility tips.
You can copy the toolkit into your branch as a starting point.
If you have any questions, drop a message in #rnd-designsystem-support.
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