CodeTea - AI Design: Prompt, Image & Screenshot to Editable Figma Design
AI Design Agent: Turn text prompts into fully editable Figma designs in seconds using advanced AI.
Plugin Preview
About this plugin
🚀 Turn Ideas & Images Into Native Figma Designs in Seconds!Got a brilliant idea for a website, mobile app, or dashboard? Skip the blank canvas anxiety! CodeTea is an advanced AI-powered assistant that instantly transforms your text prompts or reference images into fully editable Figma layouts.✨ HOW IT WORKS (3 Simple Steps):1️⃣ Select your device (Web, Mobile, etc.)2️⃣ Type your prompt (e.g., "A modern e-commerce product page") OR upload a reference image.3️⃣ Watch as AI automatically draws a fully structured, native Figma design right on your canvas!🔥 WHY CODETEA STANDS OUT:• ⚡ 100% Native Figma Elements: Outputs real Frames, Texts, Gradients, and Vector shapes. Everything is fully editable!• 🔄 Iterative Chat & Edit: Don't like a section? Select the frame, type "Change the header to dark mode", and watch the AI update it instantly without starting from scratch.• ⏪ Version Rollback: Experiment fearlessly! Our built-in chat history allows you to rollback to previous design versions at any time.• 🖼️ Image to Figma: Upload screenshots, sketches, or wireframes, and let AI recreate them as editable Figma layouts.• 🧠 Top-tier AI Models: Powered by the best reasoning models like Claude, Gemini, and ChatGPT.• 🎨 Custom Design Systems: Enforce your own brand guidelines by adding custom Design System instructions.💡 WHO IS THIS FOR?• Designers: Speed up wireframing, brainstorming, and repetitive layout tasks.• Developers: Get quick, accurate UI mockups to kickstart your frontend code.• Product Teams: Visually communicate ideas and prototype apps at lightning speed.Stop starting from scratch. Let CodeTea AI do the heavy lifting so you can focus on perfecting the user experience!
Plugin Details
| Version | 53 |
|---|---|
| Created | May 22, 2025 |
| Last Updated | July 23, 2026 |
| Category | Import & export plugins |
| Creator | Lam |
| Stats | 163 installs, 23 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
This plugin needs to connect to a local API server for development purposes.
- Editor Types:figma
- Allowed Domains:
- http://localhost:7001
- https://*.google-analytics.com
- https://api.codetea.io
- https://asia-southeast1-tagjs-prod.cloudfunctions.net
- https://cdn.jsdelivr.net
- https://cdnjs.cloudflare.com
- https://placehold.co
- https://storage.googleapis.com
- wss://api.codetea.io
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.