Discourse - AI Chatbot UI kit

Discourse is a premium UI kit designed for modern AI chatbot products like ChatGPT, Claude, Gemini, and custom AI wrappers. Built to capture the essence of conversational AI interfaces, Discourse delivers a polished, professional design system that feels warm and human. With its clean aesthetic and thoughtful interaction patterns, this kit provides everything you need to build a world-class chat experience.

Inside you'll find over 30 product screens, each available in both dark and light mode, covering every essential chatbot feature from onboarding to settings. The kit includes a comprehensive component library with more than 250 variations of message bubbles, input fields, toolbars, modals, and interactive elements. Every component is meticulously crafted, organized, and production-ready.

Discourse is built for real-world flexibility. Toggle between dark and light themes instantly using Figma variables, and customize logos, typography, colors, and spacing system-wide in seconds. All components leverage auto-layout for effortless scaling across desktop, tablet, and mobile viewports.

To accelerate your launch, the kit includes a complete landing page template featuring a compelling hero section, feature showcase, testimonials, and pricing plans.

A preview of the Product screens you will find inside the Figma file

What's inside

• 30+ product screens – Comprehensive coverage of chat interfaces, settings, and features in both dark and light modes.
• 20+ core components, 250+ variants – A library of message bubbles, inputs, navigation, modals, and controls with extensive style options.
• Dark & light mode support – Pre-configured color schemes powered by Figma variables for instant theme switching.
• Figma variables integration – Update typography, colors, and spacing across the entire system with just a few clicks. Variables use standard naming conventions and are ready to export as TailwindCSS classes for development.
• Responsive design – Auto-layout components and screens that adapt seamlessly across devices.
• Landing page template – A conversion-optimized page with hero, features, testimonials, and pricing to market your product.

Get Discourse and ship your AI chatbot faster!