Inspiration
We were heavily inspired by tools like Excalidraw, especially how frictionless visual thinking can be when ideas flow directly onto a canvas. However, we noticed a gap: while whiteboards are great for expressing ideas, they don’t actively help you develop them. During brainstorming sessions, switching between a canvas, chat tools, docs, or search engines often breaks the thought flow. We wanted to merge ideation and assistance into a single, uninterrupted experience.
What it does
FlowZone is a whiteboard enhanced with an AI assistant that works alongside you in real time. Users can freely sketch, write, and structure ideas on a canvas while the AI helps expand concepts, clarify thoughts, suggest next steps, or refine ideas — all without leaving the board. The assistant adapts to the context of what’s on the canvas, enabling users to stay in their creative zone and focus purely on ideation rather than tooling.
How we built it
We built FlowZone using Next.js for a fast, scalable frontend and Gemini as the AI engine powering real-time assistance. The whiteboard was implemented as a custom interactive canvas, supporting freeform input and dynamic updates. The AI layer listens to user intent and canvas context, allowing it to generate relevant suggestions, expansions, and guidance seamlessly within the workflow.
Challenges we ran into
The biggest challenge was building the whiteboard component itself. Handling smooth interactions like drawing, positioning elements, scaling, and syncing state while keeping performance high required careful design decisions. Another challenge was ensuring the AI assistance felt helpful and contextual rather than intrusive, so it enhanced creativity instead of distracting from it.
Accomplishments that we're proud of
1) Successfully built a fully functional whiteboard from scratch 2) Integrated an AI assistant that can assist users in real time without breaking their creative flow 3) Created a smooth, intuitive experience that combines visual thinking and AI-powered ideation in one place
What we learned
We learned that AI is most powerful when it augments human creativity rather than replacing it. By embedding AI directly into the ideation space, users feel supported instead of interrupted. We also gained hands-on experience building complex interactive UIs and designing AI interactions that feel natural and useful.
What's next for FlowZone
Our next steps include voice-powered creation and assistance, allowing users to speak ideas directly onto the canvas and have elements generated automatically. We also plan to explore deeper collaboration features, smarter context awareness, and integrations that make FlowZone a complete ideation workspace for teams and creators.
Built With
- gemini
- nextjs
- typescript
Log in or sign up for Devpost to join the conversation.