ChatUI

About this plugin

ChatUI is your conversational design partner inside Figma. Transform simple text prompts into editable UI layouts instantly. Whether you need a quick wireframe, a fully styled component, or a complete webpage mock, just ask ChatUI.

✨ Key Features:

1. 🤖 Free & Pro AI Modes: Use the built-in Free AI (Beta) to generate designs at no cost, or connect your own Google Gemini or OpenAI (ChatGPT) API keys for premium-quality results.
2. 📥 Export to Code: Not just an image—ChatUI generates real HTML/CSS. You can now download the HTML file for any design directly from the chat to use in your development workflow.
3. 💬 Iterative Design: Unlike one-off generators, ChatUI remembers your conversation. Ask it to "make the buttons larger," "switch to a dark theme," or "add a footer," and it refines the design instantly.
4. 🎨 Production-Ready Styles: Generates modern layouts using standard HTML tags and CSS, automatically converting them into clean Figma Auto-Layout frames.
5. 🔒 Privacy First: We don't host a backend. Your API keys and chat history are stored locally on your device (ClientStorage) and communicate directly with the AI providers.
6. 🌙 Dark Mode: A beautiful, glassmorphic UI that looks great in both light and dark Figma environments.

How to use:

1. Open ChatUI.
2. Type a prompt (e.g., "Create a pricing table with 3 tiers").
3. Watch the UI appear on your canvas.
4. Click Download to export the HTML file, or Re-run to render the design on your canvas.