Frame
From product logic to a working prototype, in one place.
Live prototype · click to explore
My role
Product Design · UX/UI · AI Interaction · Design Systems · Functional Prototyping
Focus
Product architecture · AI-assisted design · Complex workflows · Connected components · Interactive prototyping
Overview
Frame rethinks how digital products are designed with AI. Instead of starting with screens and flows, teams define the product model—users, roles, permissions, data, and core workflows—and Frame turns that structure into a connected interface and functional prototype.
01 / The challenge
Product design starts with screens, so every change to a requirement or workflow means redrawing flows, components and screens by hand, and the system behind them quietly drifts apart.
02 / The idea
Design the system, not the screens.
03 / The result
A functional prototype where designers explore different product directions, refine the UX, and move from product logic to a working prototype without breaking the underlying system.
Outcomes
1
Product model driving every screen
5 weeks
Concept to working prototype
Live
Prototype used in stakeholder reviews