Back to Plugins
ChatUI — Design with AI chat

ChatUI — Design with AI chat

Generate Figma designs by chatting with AI

Plugin Preview

ChatUI — Design with AI chat 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

Version4
CreatedJune 13, 2025
Last UpdatedJune 12, 2026
CategoryImport & export plugins
CreatorAndrew Jerry V
Stats49 installs, 9 likes
PricingFree

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:
    • *