Writing Work About Newsletter Login
Module 5, Lesson 2: Building the Design System

Module 5, Lesson 2: Building the Design System

11 min read min

Before We Start

From previous lessons:

  • You confirmed all your pre-reqs are in place: Claude Desktop with the Design tab, WebStorm bootstrapped, Obsidian vault with your Module 2 docs. Module 5, Lesson 1
  • Your GTM doc, market research, summary, technical doc, and UX/UI doc all live in your Obsidian vault. Module 2
  • Your WebStorm project is bootstrapped and you know your project's file path. Module 3, Lesson 1

Tools / setup you'll need:

  • Claude Desktop, with the Design tab
  • Your Obsidian vault (all Module 2 documents)
  • Your WebStorm project folder path

By the end of this lesson, you'll:

  • Have used Claude Design to generate an initial design system for your app
  • Understand what a design system actually covers: color, type, spacing, components, and sample screens
  • Have a saved default design system you'll build against for the rest of the app

Paid members

This content is for Paid Members

Unlock full access to Dele Tosh and see the entire library of members-only content.

Subscribe