ChatUI — Design with AI chat
Generate Figma designs by chatting with AI
Plugin Preview
About this plugin
ChatUI is your conversational design partner inside Figma. Describe what you want — a landing page, a dashboard, a signup form — and watch it appear on your canvas as editable frames.FeaturesFree & Pro AI Modes — Start instantly with the built-in Free AI, or connect your own API keys (OpenAI, Gemini, Claude, DeepSeek, Mistral, Together, OpenRouter, and more) for higher-quality results.Export to Code — Every design generates real HTML/CSS. Download the file directly from chat and hand it off to development.Iterative Refinement — ChatUI remembers context. Ask to "make it darker," "add a pricing section," or "shrink the hero" — it updates the design in place.Production-Ready Styles — Modern CSS layouts, semantic HTML, proper typography, all automatically converted into clean Figma Auto-Layout frames.Privacy First — No backend. Your keys and chat history stay on your device, talking directly to the AI provider.Dark Mode — A glassmorphic UI that looks great in both light and dark Figma themes.How to use:1. Open ChatUI2. Type a prompt (e.g. "Create a pricing table with 3 tiers")3. Watch the UI appear on your canvas4. Download the HTML or Re-run to render on canvas
Plugin Details
| Version | 4 |
|---|---|
| Created | June 13, 2025 |
| Last Updated | June 12, 2026 |
| Category | Import & export plugins |
| Creator | Andrew Jerry V |
| Stats | 49 installs, 9 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Network Access:
This plugin needs to access various user-specified URLs to fetch and display data, which can't be predetermined.
- Editor Types:figma
- Allowed Domains:
- *
More Like This
Discover other plugins in the Import & export plugins category.
Free Compressed PDF and Image Exporter (PDF, PNG, JPG, WebP and SVG)
Export compressed PNG, PDF, JPG, SVG, WebP & merge multiple frames into one PDF—fast & easy! 🚀
Color Import / Export
Help design and dev teams stay in sync by providing import and export tools for color palettes
Export/Import Variables
Export variables from one file and import them to another. Supports modes, references, and scopes.