Articles on product design, design systems and AI-assisted design by Philipp John.https://www.philippjohn.com/enhttps://www.philippjohn.com/writing/rapid-exploration-with-ai/https://www.philippjohn.com/writing/rapid-exploration-with-ai/Generate many directions in Figma Make or Claude Design, then choose with criteria you set before you start. A practical way to explore with AI in product design.Fri, 16 Oct 2026 00:00:00 GMTRapid explorationAI in designFigma MakeClaude Designhttps://www.philippjohn.com/writing/design-tokens-figma-mcp-claude-code/https://www.philippjohn.com/writing/design-tokens-figma-mcp-claude-code/Use one set of design tokens as the single source of truth. How tokens, Figma MCP, Claude Code and Storybook work together on a real design system.Wed, 07 Oct 2026 00:00:00 GMTDesign tokensFigma MCPClaude CodeDesign systemshttps://www.philippjohn.com/writing/designing-ai-products-sources-roles-transparency/https://www.philippjohn.com/writing/designing-ai-products-sources-roles-transparency/Sources, roles, long tasks and transparency. What I learned designing an internal AI platform end to end, and what the EU AI Act changes for interfaces.Thu, 24 Sep 2026 00:00:00 GMTAI product designEnterprise UXEU AI ActDesign systemshttps://www.philippjohn.com/writing/ai-in-the-product-design-process/https://www.philippjohn.com/writing/ai-in-the-product-design-process/Six steps from understanding to shipping. Where AI speeds up product design with Figma Make, Claude Design and Claude Code, and where people decide.Tue, 08 Sep 2026 00:00:00 GMTAI in designProduct design processClaude CodeFigma Makehttps://www.philippjohn.com/writing/design-to-code-handover/https://www.philippjohn.com/writing/design-to-code-handover/Hand over code-ready components, not screens. How Storybook, React components and coded prototypes on the real design system close the gap between design and code.Fri, 21 Aug 2026 00:00:00 GMTDesign to codeDesign handoverStorybookCoded prototypeshttps://www.philippjohn.com/writing/accessibility-european-accessibility-act-wcag-2-2/https://www.philippjohn.com/writing/accessibility-european-accessibility-act-wcag-2-2/The EAA has applied since June 2025. What it covers, how WCAG 2.2 fits in and the design habits that make a product accessible from the start.Wed, 05 Aug 2026 00:00:00 GMTAccessibilityWCAG 2.2European Accessibility ActDesign systemshttps://www.philippjohn.com/writing/stakeholder-mapping-b2b-product-discovery/https://www.philippjohn.com/writing/stakeholder-mapping-b2b-product-discovery/Map stakeholders before the first interview, so the people who use the product but did not write the brief are heard. An example from a B2B planning platform.Thu, 23 Jul 2026 00:00:00 GMTProduct discoveryStakeholder mappingB2B SaaSUser researchhttps://www.philippjohn.com/writing/product-design-in-2026-what-changed/https://www.philippjohn.com/writing/product-design-in-2026-what-changed/Prototypes replace mockups, designers ship code and rules like the EU AI Act reach the interface. What changed in product design in 2026, and what did not.Tue, 07 Jul 2026 00:00:00 GMTProduct design 2026Coded prototypesAI in designDesign systems