Fiyaude

Design tools and code live in different worlds. A designer hands off a picture, an engineer rebuilds it, and every later change has to be made twice. AI generators add a third world: output you can’t edit precisely, and code you can’t pull back into a design.

Fiyaude removes the hand-off. An AI chat, a Figma-style canvas and a live React and Tailwind code view are kept in sync through one typed DesignDocument. You can generate a page from a prompt, select a button and say “make this warmer”, drag it into place by hand, and the code updates. Paste existing JSX and it becomes editable canvas nodes.

I designed the architecture and built the product end to end: the schema, the canvas, the AI services, the export engine, the API and the collaboration layer.