In-depth review: LanguageGUI
LanguageGUI is an open-source Figma UI kit that addresses a specific and increasingly urgent design problem: how to translate the freeform text output of large language models into structured, interactive graphical interfaces. While most chat UIs treat LLM responses as plain text in a bubble, LanguageGUI provides over 100 components—including conversational widgets, chat bubbles, pre-built screens, and prompt boxes—that allow designers to prototype richer interactions, such as displaying tables, cards, or multi-step workflows. The kit is released under the MIT license, meaning it is free for personal and commercial use without attribution, and it comes with dark mode support out of the box. However, it is important to understand what LanguageGUI is not: it is a design resource for Figma, not a code library. The team behind it—Tonki Labs, with major contributions from Mauro Sicard and Miguel Joya—has experimented with formatting LLM responses into JSON to render widgets in real time, but they have paused that effort due to the custom implementation required per developer. This means that while LanguageGUI can accelerate the design phase, the gap between a Figma prototype and a working application remains significant. For UI/UX designers, the kit offers a head start on LLM-specific patterns like chat sidebars, multi-prompt workflows, and structured output widgets that go beyond simple text. For developers, it serves as a clear design specification and a conversation starter, but they should not expect turnkey code generation. The 30+ pre-built screens and 20+ chat bubbles cover common use cases—from a standard chatbot to a data-rich assistant that returns tables or charts—and the 10+ conversational widgets are particularly valuable for teams building interfaces that need to display structured information alongside conversational flow. The multi-prompt workflow screens are a standout, as they address a pattern that is increasingly common in complex LLM applications: guiding users through a sequence of prompts or steps. Yet, the kit's limitations are real. It is Figma-only, with no code export or runtime rendering; the community-driven development means that future code library support is uncertain; and the sheer number of components can be overwhelming without a clear design system strategy. Teams should evaluate LanguageGUI as a prototyping accelerator and a shared vocabulary for LLM interface design, but they must plan for the translation work needed to bring those designs to production. For those who need a free, open-source starting point for conversational AI UIs, LanguageGUI is a solid foundation—just be prepared to build the bridge from design to code yourself.
Who it's built for
UI/UX Designers
Why it fits
Provides a comprehensive library of 100+ components and 30+ pre-built screens specifically tailored for LLM interfaces, enabling rapid prototyping without designing from scratch.
Best value
Saves hours of design time with ready-made conversational widgets, chat bubbles, and prompt boxes that follow LLM interaction patterns.
Caution
Limited to Figma; no code export or production-ready assets, so designers must hand off designs for development separately.
LLM Application Developers
Why it fits
Offers a design system that aligns with common LLM output patterns, making it easier to communicate UI requirements with designers and prototype interfaces before coding.
Best value
The open-source MIT license allows free use in commercial projects, and the components are designed to handle structured LLM responses like tables and cards.
Caution
No code library or real-time rendering support; developers will need to implement the UI from scratch based on the Figma designs.
Conversational AI Designers
Why it fits
Specialized widgets (10+ conversational UI widgets, 20+ chat bubbles) address nuanced conversational patterns beyond basic chat, such as multi-prompt workflows and structured data display.
Best value
The kit includes dark mode and customizable sidebars, which are essential for modern conversational interfaces that need to adapt to user preferences.
Caution
The widgets are static Figma components; dynamic behavior or state management must be designed and coded separately.
Figma Users
Why it fits
Delivered as a Figma file, it integrates seamlessly into existing Figma workflows, leveraging components, styles, and auto layout for easy customization.
Best value
Components are well-organized and use Figma's features, making it simple to tweak colors, typography, and spacing to match brand guidelines.
Caution
Requires familiarity with Figma's component system to fully utilize customization; beginners may need some learning time.
Key features
100+ UI Components & Customizable Screens
A vast library of over 100 UI components including buttons, inputs, cards, and modals, plus 30+ pre-built screens for common LLM app flows like onboarding, settings, and chat views.
Benefit
Accelerates prototyping by providing a ready-to-use design system that covers most interface needs, reducing repetitive design work.
Limitation
Components are static Figma elements; no interactive states or animations are included, so designers must define those manually.
10+ Conversational UI Widgets
Specialized widgets for displaying structured LLM outputs such as data tables, comparison cards, progress indicators, and rating widgets.
Benefit
Enables designers to visualize how LLM responses with structured data can be presented in a rich GUI, moving beyond plain text.
Limitation
Widgets are designed for common patterns but may not cover all possible LLM output formats; custom widget creation may be needed for unique cases.
20+ Chat Bubbles
A collection of over 20 chat bubble styles for user, assistant, system, and error messages, including variations for typing indicators, file attachments, and rich media.
Benefit
Provides a diverse set of visual treatments for different message types, helping to create clear visual hierarchy and improve user experience.
Limitation
Bubbles are static; dynamic behaviors like streaming text or real-time updates are not included and must be implemented in code.
30+ Pre-built Screens
Full-page templates for common LLM application screens such as chat interfaces, prompt libraries, settings, and user profiles.
Benefit
Offers a head start on designing complete screens, ensuring consistency and saving time on layout and composition.
Limitation
Screens are designed as examples; they may need significant customization to fit specific branding or functionality requirements.
Dark Mode Included
A complete dark mode variant of the UI kit, with adjusted colors and contrasts for low-light environments.
Benefit
Allows designers to quickly switch to dark mode, which is a common requirement for modern LLM applications to reduce eye strain.
Limitation
Dark mode is a separate set of components; changes made to the light mode are not automatically mirrored, requiring manual updates to both.
Real-world use cases
Creating Rich Conversational UIs for LLM Applications
UI/UX DesignersScenario
A team is building a customer support chatbot that needs to display order details, product comparisons, and troubleshooting steps in a structured way.
Solution
Using LanguageGUI's conversational widgets (e.g., data tables, card layouts) and pre-built chat screens, designers quickly prototype a UI that presents LLM responses as rich cards and tables instead of plain text.
Outcome
The resulting prototype clearly demonstrates how structured data can be visualized, reducing misunderstandings between designers and developers about the intended UI behavior.
Designing Customizable Chat Applications
Conversational AI DesignersScenario
A startup wants to offer a white-label chat app where clients can customize colors, logos, and sidebar widgets.
Solution
Designers use LanguageGUI's 20+ chat bubbles, 5+ chat sidebars, and customizable components in Figma to create a flexible design system that can be themed per client.
Outcome
The modular component structure allows rapid creation of multiple branded variations, and the open-source license permits commercial use without royalties.
Developing Multi-Prompt Workflow Screens
UI/UX DesignersScenario
An AI writing assistant requires users to go through a series of prompts (e.g., select tone, provide context, choose format) before generating content.
Solution
Designers leverage LanguageGUI's 8+ prompt boxes and multi-prompt workflow screen designs to prototype a step-by-step interface that guides users through the process.
Outcome
The pre-built workflow screens provide a clear starting point, and the prompt boxes are designed to handle various input types (text, dropdowns, toggles), streamlining the design process.
Pros & cons
Pros
- Open-source and free to use
- Large collection of UI components and screens
- Customizable and designed with Figma Auto Layout
- Includes dark mode and various UI widgets
Cons
- Requires Figma for customization
- Not a code library, requires custom implementation
- Dependent on community support for future development
Frequently asked questions
How much does LanguageGUI cost?Pricing
LanguageGUI is completely free. There are no hidden costs, upsells, or premium tiers. It is released under the MIT License, so you can use it for personal and commercial projects without any payment.
Can I use LanguageGUI for commercial projects?Pricing
Yes, absolutely. LanguageGUI is licensed under the MIT License, which allows you to use, modify, and distribute it in commercial projects without requiring attribution or paying royalties.
Who created LanguageGUI?General
LanguageGUI is the first of twelve projects by Tonki Labs, released in 2024. Major contributions were made by Mauro Sicard and Miguel Joya, with additional contributions from other team members.
Is LanguageGUI available as a code library?Limitations
Currently, LanguageGUI is only available as a Figma UI kit. The team has experimented with formatting LLM responses into JSON to render widgets in real time, but they have decided not to build a code library at this time due to the required investment and custom implementation needs. Community interest may influence a future decision.
What file format is LanguageGUI delivered in?Workflow
LanguageGUI is delivered as a Figma file (.fig). You can import it into your Figma workspace and use it with the Figma desktop app, web app, or Figma's version history features.
Does LanguageGUI require attribution?Pricing
No, attribution is not required under the MIT License. You are free to use LanguageGUI without crediting the creators, though they appreciate any acknowledgment if you choose to include it.
Related tools in AI UX Design

Generative media platform for developers to run diffusion models with fast AI inference.



RunPod offers cost-effective GPU rentals and serverless inference for AI development and scaling.

AI developer platform for training, fine-tuning, managing, and tracking AI models and applications.

