Whiteport Design Studio
A free and open source design workflow for designers who want to build what matters!
WDS gives you expert AI agents who guide you through strategy and design process to make impactful deliveries for development with AI or a physical team. WDS places the design in the center of the process and your design thinking becomes the prompts that build the product.
Get WDS now. Free at GitHub!WDS brings strategic design thinking together with AI agent technology
It's free and open source!
Designers are needed more than ever
Designers guide decisions and set course in AI-driven product development. Your expertise in dialogues with users and stakeholders is invaluable — especially when you let AI amplify your impact.
Brilliant design is not a coincidence
Great design happens when strategy, user needs, and business goals align. It's a thoughtful, collaborative process. WDS agents amplify designer skills and experience — not drown the process.
The design specification is the new code
AI generates code but struggles to change it. Your design documentation becomes the source of truth — replacing months of prompting with strategic specifications that guide development.
WDS is built on 25+ years of CX/UX/UI design experience by Mårten Angner. Part of the BMad Method for AI agent-driven development.
A method that unites
WDS is an AI Agent framework that creates a unified language for entrepreneurs, developers, and designers to collaborate in the AI era. Built from 25 years of UX experience, WDS assists you in strategic design leadership for any digital product from idea to polished product.
Your design replaces prompting
You map user psychology and business goals. You envision the user interaction and create conceptual specifications that guide development. You transform vision into strategic design thinking. AI amplifies your expertise. With WDS, you're the strategic center that holds it all together.
Powered by BMad Method
WDS is a module for designers within the BMad Method. Instead of mindless prompting, the BMad method is most effective when run in an IDE like Cursor, VS Code, Windsurf, or similar tools.
One chat leads to the next
The method preserves AI capabilities by dividing creative conversations into dialogues that result in high-level documents. These documents become the perfect prompts for the next step — preserving the AI's context window.
Built for collaboration
Everything is saved and published using GitHub — the same technology developers use. By delivering design in the perfect form for development, designers can deliver far more value than ever before.
Meet the AI Agents
WDS gives you two expert AI agents — named after the Norse Gods — who become your thinking partners through strategy and design. They handle structure and best practices while you focus on creative leadership.
Saga
The Analyst
Guides you through discovery and strategy. Together, you'll create the Product Brief and Trigger Map — connecting business goals to user psychology and driving forces.
Phases 1–2: Product Brief, Trigger Mapping
Freya
The UX Designer
Transforms strategy into tangible experiences. Guides you through scenario mapping, conceptual specifications, visual design, and development handoff.
Phases 3–8: Scenarios, Design, Build, Evolve
Each agent maintains focus on their domain. Saga owns strategy. Freya owns design, build, and evolution. One conversation leads to the next — preserving AI context through strategic documents.
Conceptual Specifications: For designers that mean business!
In the world of AI, specifications matter because AI can only generate consistent code when your design is clearly defined!
Experimentation is essential
Napkin sketches, whiteboard drawings, Figma prototypes, code snippets, inspiration boards — all of it. This is where creativity happens. The playful creative process reaches a point when experimentation leads to something great, something we want to build and bring to the world.
Your designs are the perfect prompt
When you gather all your experiments in one place, defining them as user scenarios with step-by-step interaction and clear explanations — not just what you designed, but why you designed it that way — you give AI all it needs to make the final product reality.
The specification becomes the new code
In the world of AI development, the specifications become the product. The code is just output — generated and regenerated from your design work. Your specifications are the source of truth that gets maintained and refined over time.
Design once, iterate forever
Want to change something? Update the specifications. AI regenerates the code — clean, consistent, and aligned with your design intent. No spaghetti code. No lost reasoning. No painful refactoring. Your design work IS the product.
WDS Strategy & Design Deliverables
With the help of the WDS agents you will be able to deliver both strategy and design and utilize your design skills to get a seat at the table.
Win Client Buy-In
Present your vision in business language that stakeholders understand. Get everyone aligned on goals, budget, and commitment.
Project Clarity & Direction
Get crystal clear on what you're building, who it's for, and why it matters. Create a strategic foundation for every design decision.
Map Business Goals & User Needs
Connect what the business wants to what users need. Identify emotional triggers and pain points that drive behavior.
Platform Requirements
Define the technical foundation, data structure, and system architecture. Make smart decisions about what to build.
Design the Experience
Turn ideas and sketches into complete specifications with interactive prototypes. Capture not just what, but why.
Create Your Design System
Extract reusable components, patterns, and design tokens. Create consistency across your entire product.
Hand Off to Development
Package organized PRD documents with epics and stories. No more guesswork during implementation.
New Capabilities
We are adding new sections and improvements constantly. Share your insights and take part in building something great.
"I just want to say thanks. This Design Loop system and everything you made WDS is exceptionally wonderful. It is finally helping me to complete the design of my app that I've been struggling with."— Mr-z3r0, WDS Community
"Whiteport Design Studio adds a strategic design dimension that strengthens BMad: a practical way to translate intent into interfaces and product direction. It fits the spirit of the agent framework, with expert-driven workflows where AI is a partner, not an autopilot."— BMadCode, Founder of the BMad Method
Learn WDS
Free course and webinar series to get you started — from understanding the methodology to running your first project with AI agents.
Free 18-Module Course
"From Designer to Linchpin" — master the complete WDS methodology in ~10 hours. Covers strategy, trigger mapping, conceptual specifications, design systems, and AI-powered development handoff.
Foundation → Strategy (Saga) → Design (Freya) → Build & Deliver → Evolve
WDS Sessions — Live Webinars
Recorded webinar series covering digital strategy, design process, AI agent teams, and conceptual specifications. Watch at your own pace.
Get started with WDS
Build on your existing design skills
You don't need to learn everything from scratch. Your UX/UI skills and design thinking are the foundation — WDS provides the structure and methodology to amplify them.
Follow a complete end-to-end process
From stakeholder alignment to final handoff — one complete workflow. WDS guides you through each phase: strategy, design, and delivery. No gaps, no guesswork.
Your design becomes the blueprint
Your design documentation becomes the new code. No more lost intent or miscommunication. AI and humans alike will love your detailed deliveries.