🎯 Goal

Build a working design system in Figma + code in 10 weeks.

🧠 Skill Breakdown

• Design tokens
• Component anatomy
• Theming
• Docs
• Adoption

📅 Curriculum Plan

Week 1: Audit existing UI

• Objective: Concept + artifact.
• Practical Tasks:
  • Read core reference
  • Build piece in Figma
  • Mirror in code
• Expected Outcome: DS asset shipped.

Week 2: Tokens

• Objective: Concept + artifact.
• Practical Tasks:
  • Read core reference
  • Build piece in Figma
  • Mirror in code
• Expected Outcome: DS asset shipped.

Week 3: Color & typography

• Objective: Concept + artifact.
• Practical Tasks:
  • Read core reference
  • Build piece in Figma
  • Mirror in code
• Expected Outcome: DS asset shipped.

Week 4: Foundational components

• Objective: Concept + artifact.
• Practical Tasks:
  • Read core reference
  • Build piece in Figma
  • Mirror in code
• Expected Outcome: DS asset shipped.

Week 5: Composite components

• Objective: Concept + artifact.
• Practical Tasks:
  • Read core reference
  • Build piece in Figma
  • Mirror in code
• Expected Outcome: DS asset shipped.

Week 6: Theming/dark mode

• Objective: Concept + artifact.
• Practical Tasks:
  • Read core reference
  • Build piece in Figma
  • Mirror in code
• Expected Outcome: DS asset shipped.

Week 7: Docs site

• Objective: Concept + artifact.
• Practical Tasks:
  • Read core reference
  • Build piece in Figma
  • Mirror in code
• Expected Outcome: DS asset shipped.

Week 8: Storybook

• Objective: Concept + artifact.
• Practical Tasks:
  • Read core reference
  • Build piece in Figma
  • Mirror in code
• Expected Outcome: DS asset shipped.

Week 9: Adoption guide

• Objective: Concept + artifact.
• Practical Tasks:
  • Read core reference
  • Build piece in Figma
  • Mirror in code
• Expected Outcome: DS asset shipped.

Week 10: Ship v1

• Objective: Concept + artifact.
• Practical Tasks:
  • Read core reference
  • Build piece in Figma
  • Mirror in code
• Expected Outcome: DS asset shipped.

🚀 Final Project

A published v1 design system: Figma library + Storybook + docs site with adoption guide.

📚 Books & Long-Form Reading

• A canonical book or course in this field

👥 Communities to Join

• Active subreddit, Discord or forum for this topic

🔁 Progress Tracking

• Weekly self-check questions and a clear "ready to move on" criterion