UI Bakery AI Agent

Role: Product Designer

Duration: Jul 2025–Present

Team: 7 people, including 3 PMs, 4 Engineers, 1 Product Designer (me).

Domain: Web Application · SaaS · B2B AI · Low-Code / Developer Tools · Conversational UX

Role: Product Designer

Duration: Jul 2025–Present

Team: 7 people, including 3 PMs, 4 Engineers, 1 Product Designer (me).

Domain: Web Application · SaaS · B2B AI · Low-Code / Developer Tools · Conversational UX

Role: Product Designer

Duration: Jul 2025–Present

Team: 7 people, including 3 PMs, 4 Engineers, 1 Product Designer (me).

Domain: Web Application · SaaS · B2B AI · Low-Code / Developer Tools · Conversational UX

Long story short

Context

Challenges

Users & Use Cases

Solutions

Research, Discovery & Validation

Impact

Result, Reflection & Takeaways

Long story short

In 2025, I led the design of UI Bakery’s AI Chat Agent — transforming the platform from a traditional low-code builder into an AI-powered environment where users can build full internal apps from a single prompt. As the sole designer, I shaped every layer of the experience: the conversational flow, prompt-to-app generation, motion feedback system, data integration, and design-system evolution for AI features. I also created ready-to-ship motion prototypes with Claude to make AI interactions feel seamless and alive. The result — a fast, trustworthy AI experience that boosted activation x10 compared to the main platform.

Context

After establishing UI Bakery as a mature low-code platform, we started exploring how AI could radically speed up internal app creation.

We took it step by step — and I contributed as a designer to several key AI-powered releases:

2023

UI Bakery AI Assistant

Chat-based helper inside the builder that supports debugging, explains code, and connects to documentation.

April 2024

UI Bakery AI App Generator

The first version of the AI Agent that could generate internal tools and admin panels from SQL data.

October 2025

UI Bakery Agent for internal app generation

A reworked version of the agent that generates complete internal tools from a single prompt — with data connections, logic, and simple UI animations included.

The AI Chat Agent project started in mid-summer 2025, with a compact team of 4 engineers, 3 product manager, and myself as the only designer.

Our goal was to merge conversational AI with the builder experience — so that users could describe what they want, and the system would instantly generate a deployable app.

The AI Chat Agent project started in mid-summer 2025, with a compact team of 4 engineers, 3 product manager, and myself as the only designer.

Our goal was to merge conversational AI with the builder experience — so that users could describe what they want, and the system would instantly generate a deployable app.

The AI Chat Agent project started in mid-summer 2025, with a compact team of 4 engineers, 3 product manager, and myself as the only designer.

Our goal was to merge conversational AI with the builder experience — so that users could describe what they want, and the system would instantly generate a deployable app.

Challenges

Bringing AI to production-grade output

Turned AI from a simple demo into a real builder that creates working apps with data, logic, and a clean interface.

Designing smooth AI response experience

Designed motion feedback and micro-animations to mask long AI responses, making the process feel smooth and conversational.

Evolving the design system

Updated the design system with new AI parts, cleaner visuals, and shared rules to keep the whole product consistent.

Fast-paced solo design

Worked as the only designer on the platform, AI Agent, and website — keeping high quality while moving fast.

Users & Use Cases

The feature targeted our existing developers, already building internal tools on UI Bakery, as well as new engineering and AI followers audience.

They were looking how to:

Users & Use Cases

The feature targeted our existing developers, already building internal tools on UI Bakery, as well as new engineering and AI followers audience.

They were looking how to:

Users & Use Cases

The feature targeted our existing developers, already building internal tools on UI Bakery, as well as new engineering and AI followers audience.

They were looking how to:

Build internal apps faster — reducing manual setup to just minutes.

Automate logic and data workflows — without writing code.

Get instant value — with ready-to-use, well-designed UIs and a smooth onboarding experience.

Solutions

What was done and what benefits were achieved for each solution:

Prompt-to-App

A conversational interface as an industry standard now where the user describes their app (“I need an order management dashboard connected to my PostgreSQL data”).

👉 AI generates the complete UI, structure, and logic in ~2 minutes (depending on request).

Prompt-to-App

A conversational interface as an industry standard now where the user describes their app (“I need an order management dashboard connected to my PostgreSQL data”).

👉 AI generates the complete UI, structure, and logic in ~2 minutes (depending on request).

Prompt-to-App

A conversational interface as an industry standard now where the user describes their app (“I need an order management dashboard connected to my PostgreSQL data”).

👉 AI generates the complete UI, structure, and logic in ~2 minutes (depending on request).

Smart visual & motion feedback

Each step of the process was visualized through smooth motion cues that made AI generation feel natural and alive.

👉 I used Claude to create purposeful animations and deliver ready-to-use motion prototypes, which developers could easily copy and integrate — removing adaptation issues and simnifically speeding up delivery of this small features.

Smart visual & motion feedback

Each step of the process was visualized through smooth motion cues that made AI generation feel natural and alive.

Smart visual & motion feedback

Each step of the process was visualized through smooth motion cues that made AI generation feel natural and alive.

Your app will be here soon, we are working on your request

This is an example of animation for AI Agent response.

UI Bakery Agent is checking for issues and will reload the page soon.

Data integration

Apps can be generated using user-provided or mock data. In this iteration I created new flows of how

👉 Users can switch sources easily via the native UI Bakery database or their own connectors or securely connect to third-party tools.

Data integration

Apps can be generated using user-provided or mock data. In this iteration I created new flows of how

👉 Users can switch sources easily via the native UI Bakery database or their own connectors or securely connect to third-party tools.

Data integration

Apps can be generated using user-provided or mock data. In this iteration I created new flows of how

👉 Users can switch sources easily via the native UI Bakery database or their own connectors or securely connect to third-party tools.

Workflow generation, Code preview & export

The system automatically builds triggers, actions, and conditions in the workflow editor. You can switch to Code view to review, edit, or export the generated logic and files directly.

👉 There was a decision of adoption of previous already built solutions that reduced time-to-market.

Workflow generation, Code preview & export

The system automatically builds triggers, actions, and conditions in the workflow editor. You can switch to Code view to review, edit, or export the generated logic and files directly.

👉 There was a decision of adoption of previous already built solutions that reduced time-to-market.

Workflow generation, Code preview & export

The system automatically builds triggers, actions, and conditions in the workflow editor. You can switch to Code view to review, edit, or export the generated logic and files directly.

👉 There was a decision of adoption of previous already built solutions that reduced time-to-market.

Fast start & templates

Designed a flow from a landing page with engaging animations to organiztion with ready-to-use templates, and AI input where users can type their first prompt and choose a starting point right after login. They land directly in the builder, ready to connect data and start generating.

👉 Cut time-to-value to minutes, letting users start building meaningful apps within seconds.

Fast start & templates

👉 Cut time-to-value to minutes, letting users start building meaningful apps within seconds.

Fast start & templates

👉 Cut time-to-value to minutes, letting users start building meaningful apps within seconds.

Research, Discovery & Validation

AI Chat Agent was rolled up in early October 2025.

For validation, I used different technics:

Research, Discovery & Validation

AI Chat Agent was rolled up in early October 2025.

For validation, I used different technics:

Research, Discovery & Validation

AI Chat Agent was rolled up in early October 2025.

For validation, I used different technics:

Customer feedback
Got regular feedback from users through support and product analytics.

User testing
Ran user tests, quick corridor tests, and customer interviews.

Behavioral analytics
Used PostHog to watch sessions and understand user behavior.

Impact

“Wow! I tried building apps with UI Bakery AI. What the hell! That’s really mind-blowing! Works so good… Impressive! Good job!”
UI Bakery enterprise client, used previously just low-code platform.

Business outcomes

Achieved x5 higher activation in AI Agent compared to main product: Low-code platform.
Delivered apps up to x15 faster, with an average of less than 1h from prompt to release.
Improved conversion and retention rates across the entire funnel after the AI launch.
Drove strong lead-to-activation growth, with over 75% of new users trying AI within 24 hours.
Evolved the brand from a low-code builder into a fully AI-powered development platform.
Strengthened UI Bakery’s position as a platform for intelligent app creation.

Design leadership impact

Led end-to-end design of the AI Agent: chat interface, prompt flow, motion & feedback system, and entire user journey.
Designed a motion and feedback system that turned AI response delays into smooth, natural animations —making the process feel faster, clearer, and more reliable and smooth.
Scaled the design system to support AI-generated logic and components, starting to merge the builder and AI layers.
Maintained high design quality while moving fast: 86% visual clarity and UX satisfaction.

Results, Reflections and Takeaways

Drove UI Bakery’s evolution from a theme tool to an AI-powered platform where teams build apps from a single prompt — achieving 10× higher activation than the low-code product.
The AI Chat Agent became a key milestone, turning the platform into a conversational AI tool that generates full apps in minutes.
I designed the end-to-end UX flow — from the first prompt to generation and feedback — keeping the process clear, interactive, and trustworthy.

This project proved that conversational UX is not about chat, but about behavior, timing, and trust.
While the low-code builder required long, predictable flows, here the challenge was to make a short interaction feel alive and confident.
Designing with AI became about turning user intent into real outcomes through clarity and responsive feedback.

Check next case

UI Bakery Low-code platform

Designed UI Bakery from a simple theming tool into a profitable $1M+ ARR AI-powered low-code platform. As the sole designer, created its full product design foundation — builder, database, workflow editor, theming, and AI Agent — along with scalable design systems and UX patterns that shaped the entire platform.