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

by clannachanm • 1 year ago

4 5 1 year ago

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

billconan• 1 year ago

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

masiulis• 1 year ago

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.

dhumph• 1 year ago

Congrats on the launch. It would be great to see a comparison against the other players in the market that i've seen recently : onlook, magicpatterns, motiff, and on and on.

How do you feel you are differentiated?

willmarch• 1 year ago

Neat! How long has it been in development?

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

Related Stories