8.3 KiB

Raw Blame History

WDS Course: From Designer to Linchpin

Master the complete WDS methodology and become indispensable as a designer in the AI era

Welcome to the WDS Course

This comprehensive course teaches you the complete WDS workflow through 18 practical modules that transform how you design products.

The paradigm shift:

The design becomes the specification
The specification becomes the product
The code is just the printout

What you'll become:

The linchpin designer who makes things happen
The gatekeeper between business goals and user needs
The irreplaceable designer in the AI era

Time investment: ~10 hours total Result: Complete mastery of WDS methodology from project brief to AI-ready specifications

Who Created WDS?

MÃ¥rten Angner is a UX designer and founder of Whiteport, a design and development agency based in Sweden. After years of working with AI tools, MÃ¥rten observed that traditional design handoffs were breaking down. Designers would create beautiful mockups, hand them off to developers, and watch their creative intent get lost in translation.

MÃ¥rten developed WDS to solve this problem - a methodology where design thinking is preserved and amplified through AI implementation, not diluted and lost.

The Mission: WDS is completely free and open-source. MÃ¥rten created it as a plugin module for BMad Method - an open-source AI-augmented development framework - to give designers everywhere the tools they need to thrive in the AI era.

Before You Start

â†’ Getting Started Guide

Review prerequisites, choose your learning path, and get support:

Prerequisites - Skills, tools, time investment
Learning Paths - Full immersion, quick start, or self-paced
Support - Testimonials, FAQ, community

Reading time: ~15 minutes

Course Structure

Each module contains:

Lessons - Theory and concepts (with NotebookLM audio support)
Tutorial - Step-by-step hands-on guide (for practical modules)
Practice - Apply to your own project

Learning format:

Lessons - Read as documentation or generate audio with NotebookLM
Tutorials - Follow step-by-step guides with AI support
Practice - Apply to real projects as you learn
Workshops - Use for team training

Course Modules

Foundation (Modules 1-2)

Module	Title	Agent	Time
01	Why WDS Matters	—	40 min
02	Installation & Setup	—	45 min

Alignment (Module 3) — Optional

Module	Title	Agent	Time
03	Alignment & Signoff	Saga	55-75 min

Skip if doing it yourself — go straight to Product Brief

Strategy Phase (Modules 4-6) — Agent: Saga

Module	Title	Agent	Time
04	Product Brief	Saga	60 min
05	Platform Requirements	Saga	30 min
06	Trigger Mapping	Saga	95-125 min

Design Phase (Modules 7-13) — Agent: Freya

Module	Title	Agent	Focus	Time
07	Design Phase Introduction	Freya	Overview	20 min
08	Outline Scenarios	Freya	UX	30 min
09	Conceptual Sketching	Freya	UX	60 min
10	Storyboarding	Freya	UX	45 min
11	Conceptual Specifications	Freya	UX	60 min
12	Functional Components	Freya	UX	45 min
13	Design System	Freya	Systems	30 min

Build & Deliver Phase (Modules 14-16) — Agent: Freya

Module	Title	Agent	Focus	Time
14	Agentic Development	Freya	7-activity menu	60 min
15	Visual Design & Assets	Freya	Asset pipeline	60 min
16	Design Delivery	Freya	Handover	45 min

Validate & Evolve (Modules 17-18) — Agent: Freya

Module	Title	Agent	Time
17	Usability Testing	Freya	45 min
18	Product Evolution	Freya	30 min

Cross-Cutting (Module 19) — Agents: Saga + Freya

Module	Title	Agent	Time
19	Design Space	Saga + Freya	45 min

Learning Paths

Complete Course: All 19 modules (~11 hours)

Quick Start: Modules 01, 02, 04, 06, 08, 11 (~6 hours)

Strategy Only: Modules 1-6 (~4 hours)

Design Deep Dive: Modules 7-13 (~5 hours)

Build & Deliver: Modules 14-16 (~3 hours)

Phase-Specific: Jump to any phase as needed

The Two Agents

WDS uses two AI agents, each with a specific domain:

Agent	Domain	Phase	Modules
Saga	Strategy	Strategy	3-6, 19
Freya	UX, Visual Design, Development & Evolution	Design, Build & Evolve	7-19

Each agent maintains focus on their domain while coordinating with the other.

Freya's 7 activities (Module 14): Prototyping, Development, Bugfixing, Evolution, Analysis, Reverse Engineering, and Acceptance Testing — all menu-driven from a single entry point.

NotebookLM Integration

Each module has matching content for NotebookLM:

Feed module lessons to NotebookLM
Generate audio podcasts for learning on the go
Generate video presentations for team training
Create study guides and summaries

All modules are optimized for AI-assisted learning.

Module Structure

Every module follows the same pattern:

1. Inspiration (10 min)

Why this step matters
The transformation you'll experience
Real-world impact

2. Teaching (20 min)

How to do it with confidence
AI support at each step
Dog Week example walkthrough

3. Practice (10 min)

Apply to your own project
Step-by-step instructions
Success criteria

4. Tutorial (optional)

Quick step-by-step guide
"Just show me how to do it"
For practical modules only

After the Course

Once you've completed the modules:

Documentation Guide - Reference documentation
Quick Start - Try WDS with agent
Community - Get help and share your work

Prerequisites

What you need:

Basic design thinking and UX principles
Ability to sketch interfaces (hand-drawn or digital)
Understanding of user needs and business goals
Willingness to think deeply about WHY

What you DON'T need:

âŒ Coding skills
âŒ Advanced technical knowledge
âŒ Experience with AI tools
âŒ Formal design education

If you can design interfaces and explain your thinking, you're ready to start.

Ready to Begin?

Ten hours of learning. A lifetime of being indispensable.

Start with Module 01: Why WDS Matters â†’

This course is free and open-source Created by MÃ¥rten Angner and the Whiteport team Integrated with BMad Method for seamless design-to-development workflow

8.3 KiB Raw Blame History