Whiteport Design Studio, WDS

Your Design Replaces Prompting

The framework is your thinking partner through the process. It’s flexible to suit your needs and is based on solid design practices refined over decades but adapted to the world of AI. 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. Entrepreneurs align around your insights. Developers build from your clarity. AI amplifies your expertise. With WDS, you’re not just part of the process – 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 (Integrated Development Environment) like Cursor, VS Code, Windsurf, or similar tools.

One Chat Leads to the Next

The Method is built to preserve AI capabilities and divide the creative conversations into dialogs that result in high-level documents. These documents then become the perfect prompts for the next step of the process. Strategy documents become the ideal context for AI to make sound decisions, and dividing the dialog into shorter sessions preserves the AI’s memory – the context window.

Built for Collaboration

Everything is saved and published for collaboration using GitHub – the same technology developers use for writing code. By moving the design process into the development environment and delivering our design in the perfect form for development, we as designers can deliver far more value than ever before. Regardless if we are stepping up and making the development in our role as designers or if we hand over and collaborate with a development team.

WDS and BMad Method is not just another tool for quick prototyping. WDS takes over when you are done fiddling and ready to build the final product!

Saga the Analyst — Your Strategic Foundation

Saga guides you through discovery and strategy. Together, you’ll create the Product Brief that defines your vision, business goals, and success criteria. Then Saga helps you build the Trigger Map – connecting what your business needs to what users actually want. Saga asks the right questions so you think deeply about psychology and motivation, not just features.
Learn more about Saga →

Freya the UX Designer — Your Design Partner

Freya transforms your strategy into tangible user experiences. She guides you through scenario mapping, page specifications, and conceptual design decisions. Freya helps you articulate not just what the interface looks like, but why you designed it that way. Your design thinking becomes crystal-clear specifications that preserve your strategic intent.
Learn more about Freya

Idunn the Technical Architect — Your Implementation Bridge

Idunn translates your design vision into technical reality. She guides you through platform architecture, data structures, and system decisions. Idunn ensures your design specifications become actionable PRDs that developers (human or AI) can execute flawlessly. No more lost intent between design and development.
Learn more about Idunn →

Mimir the Orchestrator — Your Wise Guide

Mimir sees the big picture. He coordinates your entire journey, ensuring each phase builds on the previous one. When you need perspective on where you are and what comes next, Mimir provides the wisdom. He’s your safety net – making sure nothing falls through the cracks as you move from idea to polished product.
Learn more about Mimir →

Just call their names

You summon them by just calling their names in the chat and they arrive with their unique capabilities, ready to guide you through their phase of the journey. They hand over tasks so you can start with fresh dialogs and context window as often as you need.

Experimentation is Essential

We love experimentation! Napkin sketches, whiteboard drawings, Figma prototypes, code snippets, inspiration boards, storyboards, pixel art, vibe-coded demos — all of it. This is where creativity happens. This is where ideas mature and refine. 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’re ready to move from exploration to production, your creative output has the potential of becoming the blueprint for the whole product – if you give it an effective structure. That’s where conceptual specifications come in. When we gather all your experiments in one place, defining them in the right order as user scenarios with step-by-step interaction and clear explanations – not just what you designed, but why you designed it that specific way – you give AI all it needs to make the final product reality.

The Realization: With AI, 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. This is where your strategic thinking lives.

Design Once, Iterate Forever, Generate When You Need

The specifications interact closely with your design system to create a coherent experience that grows without limitations. 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.

Learn more about Conceptual Specifications →