Development phase

• Review documentation and guidelines

  • Review the Material UI documentation

  • Familiarize yourself with the MUI Components API

  • Familiarize yourself with React development guidelines

  • Familiarize yourself with UXPin Merge

  • Familiarize yourself with Spark design tokens

  • Familiarize yourself with Spark helpers

  • Review development Checklists

• Set up the design system in code

  • Bootstrap new Next.js (recommended) or React/Webpack project based on Spark app scaffolds

  • Alternatively add Spark theme to existing React project (example)

• Implement design project

  • Export code from UXPin Merge

  • Use design system tokens and variables

  • Conduct code reviews and testing with the Creative Developer from Design Team