The Design Phase
Once your request is validated, you're ready to start the design phase. We'll set up a Figma branch in the relevant library for you to begin your work.
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. Use auto-layout and name layers appropriately.
- Review: Request a review in the Figma branch and schedule a call with a Design System designer.
- Publish: Publish your design in Figma and hand it over to your engineer.
Contribution Toolkit
Our toolkit is an optional resource to support you through the design phase. 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.
Consider using this toolkit as a starting point before adding your component to the official branch. We'll be happy to look into it in our review.
If you have any questions, don't hesitate to contact us at #rnd-designsystem-support.