8.4 KiB

Raw Blame History

WDS Jam #1: Say Hello to the New AI-Agent Framework for Designers!

Date: December 22, 2024
Time: 17:00 – 18:00 CEST
Host: Mårten Angner, CX/UX/UI Designer and founder of WDS
Video: Watch on YouTube

🎥 Webinar Preview

📋 Session Overview

Join Mårten Angner for an inspiring 60-minute session exploring the Whiteport Design Studio (WDS), a hands-on expansion for designers ready to move their craft into the development space and bring ideas to life directly in the IDE.

Built on the shoulders of giants—the proven BMAD Method—this approach empowers designers to take control of their workflow and collaborate seamlessly with both developers and AI.

🔍 Key Themes

From Feeling Behind to Leading the Edge Like many designers, Mårten once felt lost in the AI revolution—unsure where designers fit in and quietly wondering if the profession was being replaced. After discovering the BMAD Method, he developed WDS as an expansion pack based on 25+ years of design experience, now supercharged by AI.

Beyond Vibe Coding Great products are not created in 24 hours with a couple of prompts. Designers have years of experience understanding businesses and their needs, meeting users in research and usability studies. WDS ensures designers remain at the strategic center of product development, not pushed aside in the hunt for immediate satisfaction.

🎯 What You'll Learn

Leverage WDS: Use the AI Agent framework to structure your design process for strategy, project documents, alignment documents, and project contracts
Collaborate with AI: Partner with AI as a creative co-thinker to refine ideas and translate them into clear, actionable specifications
Sketch to Code: Turn your sketches, wireframes, and designs into functional design specifications that become the product
Design Systems that Scale: Build reusable, intelligent design components that integrate directly into developer workflows
Elevate Your Role: Step into a new era of design—where creativity meets technology, and your ideas become instantly actionable

⏱️ Timestamps

Time	Topic
00:00	Welcome + quick intros (who's here, how people use AI today)
00:05	The current AI reality: prototypes, hype, and the "Lovable code breakup" 💔
00:10	The big shift: BMAD and why documents beat prompting
00:13	WDS workflow overview: IDE-first, visual thinking, and how the process flows
00:14	Strategy foundation: Analyst agent + Trigger Mapping (goals, target groups, forces)
00:16	From strategy to product: personas, scenarios, sketching, and envisioning
00:18	From vision to build: specs, component IDs, design systems, "spec is the new code" ✨
00:23	When it works (and when it doesn't): fit, scale, feedback loops, iteration
00:25	Working with clients + stakeholders: presenting, GitHub, and collaboration concerns
00:33	Closing: tool limits, Excalidraw/BMAD v6 notes, and what's next

🛠️ Resources & Links

Core Resources

💡 Key Takeaways

Documents Beat Prompting
- The BMAD Method shows why structured documentation is more powerful than endless prompting
- Your design specifications become the source of truth
Spec is the New Code
- In the AI era, specifications become the product
- Code is just output—generated and regenerated from your design work
IDE-First Workflow
- Working in the same environment as developers improves collaboration
- Visual thinking meets technical implementation seamlessly
Strategic Foundation Matters
- Trigger mapping connects business goals to user needs
- Personas and scenarios ground your design decisions
Designers Lead, AI Amplifies
- WDS positions designers at the strategic center
- AI becomes your co-pilot, not your replacement

👥 Who Should Attend

This session is for:

Digital Designers who want to expand their skillset and collaborate fluently with AI and developers
CX/UX/UI Professionals ready to transform their workflow from static mockups to dynamic, living systems
Design Leads who want to lead the next generation of digital creativity
Product Managers seeking to understand how design drives innovation
Creative Entrepreneurs ready to take control of their product development

📝 Additional Notes

This was the inaugural WDS Jam session
All resources mentioned are available for free
WDS is built on 25+ years of CX/UX/UI design experience
Part of the BMAD Method for AI agent-driven development

📋 YouTube Show Notes (Copy-Paste Version)

Say hello to the new AI-Agent framework for designers! Join Mårten Angner for an inspiring session exploring Whiteport Design Studio (WDS).

🔍 About WDS
Whiteport Design Studio is a free and open-source expansion to the BMAD Method, designed to help designers work directly in the development environment. Built on 25+ years of design experience, WDS empowers you to take control of your workflow and collaborate seamlessly with both developers and AI.

🎯 What You'll Learn
- Leverage WDS to structure your design process for strategy, documents, and contracts
- Collaborate with AI as a creative co-thinker
- Turn sketches into functional design specifications that become the product
- Build reusable design systems that integrate into developer workflows
- Elevate your role where creativity meets technology

⏱️ Timestamps
00:00 Welcome + quick intros (who's here, how people use AI today)
00:05 The current AI reality: prototypes, hype, and the "Lovable code breakup" 💔
00:10 The big shift: BMAD and why documents beat prompting
00:13 WDS workflow overview: IDE-first, visual thinking, and how the process flows
00:14 Strategy foundation: Analyst agent + Trigger Mapping (goals, target groups, forces)
00:16 From strategy to product: personas, scenarios, sketching, and envisioning
00:18 From vision to build: specs, component IDs, design systems, "spec is the new code" ✨
00:23 When it works (and when it doesn't): fit, scale, feedback loops, iteration
00:25 Working with clients + stakeholders: presenting, GitHub, and collaboration concerns
00:33 Closing: tool limits, Excalidraw/BMAD v6 notes, and what's next

🔗 Resources

📦 Get Started with WDS
WDS Framework Repository - Download the complete framework, installation guides, and documentation
https://github.com/whiteport-collective/whiteport-design-studio

📖 Learn More About WDS
WDS Presentation Page - Discover how WDS transforms designers into strategic leaders in the AI era
https://github.com/whiteport-collective/whiteport-design-studio/blob/main/docs/examples/WDS-Presentation/docs/4-scenarios/1.1-wds-presentation/1.1-wds-presentation.md

WDS Course Overview - Complete learning path from designer to linchpin, master the full methodology
https://github.com/whiteport-collective/whiteport-design-studio/blob/main/docs/learn-wds/00-course-overview.md

🛠️ Foundation & Related Tools
BMAD Method - The open-source AI-augmented development framework that powers WDS
https://github.com/bmad-code-org/BMAD-METHOD

BMAD Masterclass - Comprehensive video guide to understanding the BMAD Method
https://www.youtube.com/watch?v=LorEJPrALcg

🌐 Connect with Whiteport
Whiteport Website - Design and development agency behind WDS, based in Sweden
https://whiteport.com

💡 Final Note
Designers do not need to stand on the sidelines in the AI era. With the right workflow, we can take the lead in how digital products are built.

#WDS #DesignToCode #AIForDesigners #DesignWorkflow #BMAD #AIAgents #UIDesign #UXDesign #AIDesign #DesignSystems

Last updated: January 2, 2026

8.4 KiB Raw Blame History Unescape Escape