BeginnerShip & Survive

Replicating Designs

Name: Replicating Designs
Availability: InStock

Take any site you admire from screenshot to Figma to working HTML/Tailwind — using html.to.design and the Figma Dev Mode MCP — and then make it yours.

Start learning

◷ ~9h to complete▤ 24 steps✎ every step is graded, not read✦ 1045 XP◆ 4 badges

⇅Exercise 1A design is a system, not a pictureStart ƒExercise 2The spacing rhythm50 XP ⌖Exercise 3The eye lies: type sizes30 XP ƒExercise 4Five to seven colors, each with a job50 XP ⇢Exercise 5Draw the boxes before any code30 XP ⇵Exercise 6The replication procedure25 XP ⚔Exercise 7Chapter 1 exam80 XP