You will get Figma AI Chatbot UI Kit
Top Rated

Top Rated

Project details
ConvoAI is a premium Figma UI kit designed for mobile apps powered by AI, perfect for building intelligent chatbot platforms that support image generation, video creation, audio generation, code assistance, and more. Crafted with a clean, modern aesthetic and built entirely with Auto Layout in Figma, this kit includes both light and dark modes and follows a scalable design system.With over 120 screens, 500+ components, and a global style guide, you’ll be able to create engaging user flows for onboarding, chatting, media generation, account management, subscriptions, and search. The UI kit also includes 2600+ free icons in 4 styles (outline, two tone, bold, bulk) and supports typography, color styles, shadows, and reusable elements.
Key Features:
• 120+ pixel-perfect mobile screens
• Full design system & style guide
• Light & dark themes
• 500+ components
• 2600+ free icons (4 styles)
• Global text and color styles
• Fully responsive with Auto Layout
• Organized layers & consistent spacing
• Free Google Fonts
Key Features:
• 120+ pixel-perfect mobile screens
• Full design system & style guide
• Light & dark themes
• 500+ components
• 2600+ free icons (4 styles)
• Global text and color styles
• Fully responsive with Auto Layout
• Organized layers & consistent spacing
• Free Google Fonts
What's included $22
These options are included with the project scope.
$22
- Delivery Time 1 day
- Number of Pages 122
- Number of Revisions 0
- Source Files
54 reviews
(50)
(2)
(2)
(0)
(0)
This project doesn't have any reviews.
TN
Taylor N.
Aug 31, 2020
Website Designer With HTML/CSS/Bootstrap/SASS @ PrintFriendly.com
JP
Jeremy P.
Aug 18, 2019
Admin design
In 15+ years of hiring freelancers, Tedi is definitely one of best I have dealt with. I am looking to have him involved in this project for the long term. Rest assured you're doing yourself a favor by bringing Tedi on board.
ZS
Zach S.
Aug 5, 2019
Create UI design for a 4 step wizard
TW
Todd W.
May 30, 2019
CSS/HTML5 Style Updates Needed for existing Layout
CS
Charles S.
May 29, 2019
Web Application Designer
Tedi did a great job!
About Tedi
UI UX Designer Engineer, Web/Mobile App Design, SaaS, Dashboard, Figma
100%
Job Success
Bandung, Indonesia - 8:50 am local time
I also offer hands-on frontend UI engineering to seamlessly transition those designs into reality. I specialize in translating Figma design directly into responsive, production-ready code using frameworks like Next.js, React, and Tailwind CSS.
My Services
===========
✅ Product UI/UX Design & Product MVP Design:
• Mobile App UI/UX Design for iOS, Android, and PWAs
• SaaS Dashboards, Web Applications, and Modern Website Design
• UX Strategy, High-Fidelity Wireframes, and Interactive Figma Prototypes
• End-to-End Product Design from Concept to Seamless Developer Handoff
✅ Frontend UI Engineering & AI Code Refinement:
• Translate Figma prototypes directly into responsive, production-ready frontend code (React, Next.js, Tailwind CSS)
• Audit, clean up, and polish AI-generated UI to ensure it meets high-quality UX standards and usability
• Refine UI/UX directly within existing codebases to bridge the gap between design intent and the final live product
• Implement and customize UI component libraries to accelerate development while maintaining strict visual consistency
✅ UI/UX Audit & Website Redesign:
• Improve Usability, Enhance UX/UI Design, and Reduce User Friction
• Desktop & Mobile App Re-design for Outdated or Inconsistent Interfaces
• Modern SaaS Website Optimization (Visual Hierarchy, Spacing, and Typography)
• Simplify Complex User Flows and High-Converting SaaS Landing Pages
• Deliver Polished, Production-Ready Mockups & Mobile/Desktop Design
✅ Figma Design Systems & UI Style Guides:
• Figma Design System Audits, Cleanup, and Component Organization
• Scalable Component Libraries, Auto-Layout Components, and Variants
• Design Tokens, UI/UX Style Guides, and Structured Foundations
• Turn Fragmented Figma Files into a Single Source of Truth
• Align Figma App Design Systems with Frontend Developers and Product Teams
My Design Process
===============
UX Research & Discovery → User Flow → Wireframes → UI Design → Prototyping → Design System → Developer Handoff
Tools & Tech Stack
===============
• Figma
• React, Next.js, Tailwind CSS, shadcn/ui, Supabase
• Google Stitch
• Cursor, Google Antigravity
• Claude Design, Gemini, ChatGPT
Why Clients Work With Me
====================
Clients work with me because they want more than visual polish. They want a designer who understands products, thinks strategically about UX decisions, communicates clearly with developers, and helps elevate the overall quality of the product experience.
SaaS UI/UX Expert, Figma UI/UX Designer, Mobile App UI Design, Web Developer, Landing Page Designer, UI/UX Audit, Website redesign (UX+UI), Product MVP Designer, Mobile/Web UI Designer, High-Converting SaaS Landing Page, UX UI Web Designer, Modern Website Redesign, Experienced UX/UI Designer, Figma Website Design, Desktop & PWA Design, UI UX Dashboard, Senior UI/UX Professional, Landing Page & Mockup Designer, Mobile UI/UX Designer, UX Product Designer, Home Page Design, Figma/Adobe XD Designer, App / Mobile / Web application UX/UI Design, UI/UX re-design, Mockups & Mobile/Desktop Design, Website Designer, UI/UX Product Page design, Modern SaaS Website, Senior UI/UX Designer, Product Designer
Steps for completing your project
After purchasing the project, send requirements so Tedi can start the project.
Delivery time starts when Tedi receives requirements from you.
Tedi works on your project following the steps below.
Revisions may occur after the delivery date.
Upload UI Kit Figma File
Figma file will be uploaded in zip file.





