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!

Plugin Details

Version53
CreatedMay 22, 2025
Last UpdatedJuly 23, 2026
CategoryImport & export plugins
CreatorLam
Stats163 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://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