Flowstep: AI design assistant built with Sonnet/WebGL canvas (launched today)

Re:Flowstep: AI design assistant built with Sonnet/WebGL can... by clannachanm on Thursday June 12, 2025 @12:18PM (#44259492)

Hey HN, I'm Matt, founder of Flowstep (https://flowstep.ai). We just launched our AI design assistant that converts text prompts directly into UI designs, wireframes, and flows.

We're designers, and we built Flowstep because we felt traditional design tools slowed down our creativity. The idea is quite simple. Type an idea, instantly see professional design, iterate using built-in suggestions, and collaborate in real-time.

Tech we're using:

- Sonnet 4 for rapid and high-quality UI generation

- WebGL canvas for performant rendering

- Liveblocks for real-time collaboration

It's totally free https://flowstep.ai

Would really appreciate your feedback. Particularly around usability and bugs. Thanks a lot!

We're also live on Product Hunt today https://www.producthunt.com/products/flowstep

[ Parent | on HN ]

Re:Flowstep: AI design assistant built with Sonnet/WebGL can... by billconan on Thursday June 12, 2025 @12:58PM (#44259978)

Thanks for sharing. May I ask how do you render font in webgl?

[ Parent | on HN ]

Re:Flowstep: AI design assistant built with Sonnet/WebGL can... by masiulis on Thursday June 12, 2025 @03:13PM (#44261913)

Hey billconan, great question! Right now we are using Text renderer provided by Pixi.js, which uses browser api to render font to canvas and then stores the outcome as texture.

We are working towards integrating C / Rust libraries for font rendering in a nearby future to increase performance and decrease memory usage.

If you are looking for libraries you might want to check harfbuzz / freefont, cosmic-text, swash or fontations project.

[ Parent | on HN ]