AI-assisted prototyping
From design to working code
Working prototypes make the conversation between design and engineering more concrete.
This work is on internal systems. The story focuses on my role and approach; screens and product-specific details are not shown.
Working with complexity.
At H&M, I lead efforts to bring design closer to production code. I use AI-assisted, code-based prototyping to help the design team explore ideas in working interfaces.
From decisions to interfaces.
With Claude and Figma MCP, I bring design context into code-based prototypes and keep them aligned with design-system rules. This complements the product design and front-end implementation work in my current role.
Where I contribute.
- 01
AI-assisted prototyping with Claude and Figma MCP
- 02
Working interfaces built around design-system rules
- 03
Bringing design decisions closer to production code
- 04
Helping the design team explore ideas through implementation