Context
JDoodle.ai is the fastest growing vibe coding platform from JDoodle product suite. The agentic platform turns natural language into react based functional websites, apps, dashboards & prototypes without writing a single line of code.
At a time, when designers are expected to explore ways to induct Generative AI as part of their tech stack, I had the golden opportunity to learn and build human experiences around agents and assistive copilots expediting front end development.
Why It Matters
Designing for a dynamic tech landscape.
Around Q3 of 2024, the team at JDoodle was working on an early version of Agentic IDE with JDroid, a chatbot companion that assisted users with code optimization, debugging, adding inline comments as part of code automation.
The tech tides rapidly shifted in the LLM space and changed how people built digital products. Companies from Claude, Open AI, Perplexity to Lovable, launched powerful autonomous agentic platforms aimed at product development.
As a designer building for new age product builders, it was exciting to witness the blurring of lines between developer and design tools.
Lead the 0 to 1 design efforts for the vibe coding platform consisting of both marketing page and the product builder interface.
Integrate generative ai into the design process to quickly validate user flows and design mockups
Explored micro animations to orchestrate system feedback, and communicate on Agent’s chain of thought.
Ramped up the design process with off-the-shelf UI kits thereby improving the design to development cycle.
