It’s an experiment, a tool, and maybe your new favourite Chrome extension.

It’s an experiment, a tool, and maybe your new favourite Chrome extension.

It’s an experiment, a tool, and maybe your new favourite Chrome extension.

Kanvas is a Chrome extension that redefines the default tab experience. Designed as a minimalist whiteboarding tool, it empowers users to think, create, and experiment visually. With features like note-taking, image uploads (including GIFs and SVGs), and incremental autosave, Kanvas is an evolving experiment in productivity.


This extension is a product of curiosity, creativity, and exploration. It bridges my design expertise with my growing interest in AI-generated code, showcasing how AI can empower solo creators to craft tools that are both functional and beautiful.

Creator / Developer / Designer

Creator / Developer / Designer

Ideation & Concept

Designed for professionals and creatives who value efficiency and simplicity.

Designed for professionals and creatives who value efficiency and simplicity.

The idea for Kanvas emerged from a desire to make the humble Chrome new tab more purposeful—a space to brainstorm, organise thoughts, and experiment freely without the distraction of cluttered tools.


The core principle was simplicity. I wanted a tool that felt intuitive and stayed out of the way, but still delivered enough power to support visual thinking. A big part of this was letting users focus by combining clean design, incremental autosave, and smart features like hotkeys (e.g., zoom-to-fit and bring-notes-to-top).

Balancing Features with Minimalism

I wrestled with feature creep. Should I add collaborative editing? Should users be able to export entire boards? In the end, I prioritised individual focus over added complexity.

Leveraging AI to Build the Tool

Precision vs Ambiguity

AI code sometimes missed nuances or misinterpreted my prompts, requiring me to refine instructions iteratively.

AI code sometimes missed nuances or misinterpreted my prompts, requiring me to refine instructions iteratively.

Maintaining Consistency

Ensuring incremental code changes didn’t break the tool's foundational structure.

Ensuring incremental code changes didn’t break the tool's foundational structure.

Customisation

AI-generated code often lacked the polish and specificity required for a seamless user experience. I spent significant time tailoring the AI’s output to meet my vision.

AI-generated code often lacked the polish and specificity required for a seamless user experience. I spent significant time tailoring the AI’s output to meet my vision.

Reflection

Kanvas is a true blend of experimentation and design thinking. It taught me the potential of AI as a creative partner, not just a tool, and reinforced the importance of balancing simplicity with functionality.

I’m excited to see how users adopt Kanvas in their daily workflows and look forward to iterating on its design based on feedback. You can find Kanvas in the Chrome Web Store and experience the experiment for yourself.

Copyright © 2024 - John Kappa - All Rights Reserved

You're viewing this site from

Location

Copyright © 2024 - John Kappa - All Rights Reserved

You're viewing this site from

Location

Copyright © 2024 - John Kappa - All Rights Reserved

You're viewing this site from

Location