Back to Plugins
CodeTea - AI Design: Prompt, Image & Screenshot to Editable Figma Design

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

CodeTea - AI Design: Prompt, Image & Screenshot to Editable Figma Design 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!🌐 Official Website: https://codetea.io

Plugin Details

Version56
CreatedMay 22, 2025
Last UpdatedSeptember 8, 2026
CategoryImport & export plugins
CreatorLam
Stats164 installs, 23 likes
PricingFree

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://api.telegram.org
    • 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