Co-built · production-ready
Wireframe Generator
GenAI Wireframe Generator · Ascendion
- 40%
- fewer UX iteration cycles (5 rounds → 3)
- 60%
- faster prototyping
- 500+
- users daily
Problem
Turning product inputs into UI prototypes was slow and iteration-heavy, with UX review cycles dragging through 5 rounds before sign-off. Product teams needed a way to go from PRDs, sketches, and prompts to usable UI artifacts without that overhead.
Approach
I co-built a GenAI-powered wireframe generator that converts product inputs (PRDs, sketches, prompts) into production-ready UI artifacts. As part of Experience Studio, the "Generate Wireframes V2" slice was delivered end-to-end in roughly one week under an aggressive timeline — covering UI design, Angular integration on the frontend, backend stream handling, and real-time rendering powered by an SSE real-time architecture, without compromising scalability or stability.
Impact
- Reduced UX iteration cycles by 40% (from 5 review rounds to 3).
- Accelerated prototyping by 60%.
- Serves 500+ users daily.
Contribution: Co-built this generator collaboratively — delivering the full vertical slice (UI design, Angular frontend integration, backend stream handling, and real-time rendering) end-to-end under an aggressive ~1-week timeline.
// constraints
The entire vertical slice — UI design, Angular frontend, backend stream handling, and real-time rendering — had to ship in roughly one week without compromising stability. Existing Experience Studio clients couldn't be disrupted.
// tradeoffs
Chose SSE over WebSockets for the real-time rendering pipeline: lower infrastructure overhead, works through existing HTTP proxies, and sufficient for the unidirectional wireframe stream. The tradeoff is no bidirectional channel — acceptable since the generation flow is inherently one-way.