Published
- 2 min read
Prototyping AI suggestions for design boards
New project: prototyping AI suggestions for design boards
A small prototyping project for exploring AI-driven suggestions within a design board interface. The goal is to create a simple interactive demo that illustrates how AI-generated content could be integrated into a visual workflow, inspired by recent advancements in AI-assisted design tools.
Tech stack and next steps
The prototype is built with React and TypeScript, using simple functional components and local state to keep behavior explicit and easy to follow. Styling is intentionally minimal and handled inline to reduce indirection and keep the focus on interaction structure rather than visual polish. No external canvas or graph libraries are used at this stage.
The current version focuses on a single AI suggestion entering the canvas and becoming part of the workflow through an explicit user action. From here, the next step would be to evolve the demo toward a slightly richer interaction model similar to the AI-driven workflow suggestions shown in the reference screenshots: multiple suggestions, clearer visual relationships between nodes, and lightweight previews of how a workflow would change before acceptance.
Additional planned extensions could include basic node connections, keyboard interactions, and asynchronous suggestion updates to better simulate real product constraints, while still keeping the prototype small and inspectable. The intent is not to build a full system, but to gradually increase realism while preserving clarity in both the UI and the code.