CodeTea

Magically transform any screenshot into 100% editable Figma designs in seconds.

by Lam

users
39K
likes
190
saves
1.9K
comments
15
FreeWorks inFigma Design
Price
Free
Latest version
v100 · Aug 27, 2026
First published
Jan 6, 2025
Publisher
Lam
Features

What CodeTea does

Summarised from Lam's description on the Figma Community.

  • Convert Images to Figma Designs – Instantly & Accurately

    Turn static screenshots into responsive, editable Figma layouts in seconds!

  • Convert from Image to Figma

    Upload any image — whether it’s a web layout, mobile app, or a hand-drawn wireframe — and get a fully editable design in Figma.

  • Convert from Screenshot to Figma

    Just take a screenshot of a website or app, upload it, and voilà — your design is ready to tweak in Figma!

  • Easy to Design

    No need to start from scratch. Use the converted layout as a starting point:

  • Accuracy

    Our AI-powered engine delivers exceptional precision:

  • Responsive Layouts

    Get designs that work across devices:

  • Why you'll love it

    Super fast turnaround. Boost your design workflow

  • Try it today and turn any image into a Figma masterpiece in seconds!

    🌐 Official Website: https://codetea.io

  • Manifest

    2 quick actions

    Run from the Actions menu (Cmd/Ctrl + K): Edit shape, Open Shaper.

On this page
Overview

About CodeTea

CodeTea is a free Figma plugin published by Lam in 2025. It works in Figma Design and has 38,703 users and 190 likes on the Figma Community. It ranks #14 in Best of 2025 and #20 in Website to Figma on our lists.

In the developer's words

✨ Convert Images to Figma Designs – Instantly & Accurately

Turn static screenshots into responsive, editable Figma layouts in seconds!

🖼️ Convert from Image to Figma

Upload any image — whether it’s a web layout, mobile app, or a hand-drawn wireframe — and get a fully editable design in Figma.

✅ Supports PNG, JPG, WebP formats

✅ Works even with UI screenshots or sketches

📸 Convert from Screenshot to Figma

Just take a screenshot of a website or app, upload it, and voilà — your design is ready to tweak in Figma!

🪄 Save hours of manual work

⚡ Great for redesigns and mockups

🎨 Easy to Design

No need to start from scratch. Use the converted layout as a starting point:

💡 Drag, drop, tweak — all elements are editable

📐 Maintain spacing, fonts, and colors

🎯 Accuracy

Our AI-powered engine delivers exceptional precision:

✅ Up to 100% conversion accuracy to Figma

✅ Clean, organized layers

✅ Fonts, colors, and structure retained

✅ Almost pixel-perfect output

📱 Responsive Layouts

Get designs that work across devices:

✅ Convert for multiple devices simultaneously

🔁 Auto-layout ready

📏 Fluid grid conversion

🧩 Ideal for mobile, tablet, and desktop design systems

🚀 Why you'll love it:

  1. Super fast turnaround
  2. Boost your design workflow
  3. Ideal for developers, designers, and non-tech teams

📸 Image to Figma ➔ Editable Layers ✨ Using GPT, Claude & Gemini

🌟 Try it today and turn any image into a Figma masterpiece in seconds!

🌐 Official Website: https://codetea.io

Changelog

What's new

Version 100 · released Aug 27, 2026

The developer didn't publish release notes for this version.

Trust

Permissions and privacy

Network access

CodeTea can only connect to the 6 domains declared in its manifest: api.telegram.org, asia-southeast1-tagjs-prod.cloudfunctions.net, api.codetea.io, storage.googleapis.com, placehold.co and *.google-analytics.com.

  • api.telegram.org
  • asia-southeast1-tagjs-prod.cloudfunctions.net
  • api.codetea.io
  • storage.googleapis.com
  • placehold.co
  • *.google-analytics.com

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where CodeTea ranks

Compare

CodeTea alternatives

  1. 231K users554Free

    Access 300,000+ free icons instantly inside Figma!

  2. 112K users133Free

    🧩 Iconoir Icons by Iconify – Free, modern, and fully customizable icons for your Figma designs 🎨

  3. 3

    image.to.design

    by divRIOTS

    92K users2.2KFree

    Import images or screenshots as editable layers

  4. 86K users262Free

    Create text along curved paths. Customize text properties and add background images.

  5. 74K users3.4KFree

    Animate your Figma designs with AI - generate editable motion, export as Lottie / GIF / MP4

  6. 6

    Talk To Figma MCP Plugin

    by Sonny Lazuardi

    73K users2.3KFree

    Allowing Cursor to communicate with Figma for reading designs and modifying them programmatically

FAQ

CodeTea FAQ

What does CodeTea do?

Magically transform any screenshot into 100% editable Figma designs in seconds. It's a Figma plugin by Lam that runs in Figma Design.

Is CodeTea free?

Yes. CodeTea is free to install and run from the Figma Community, with no paid tier listed.

Is CodeTea safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. CodeTea can only connect to the 6 domains declared in its manifest: api.telegram.org, asia-southeast1-tagjs-prod.cloudfunctions.net, api.codetea.io, storage.googleapis.com, placehold.co and *.google-analytics.com. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install CodeTea?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to CodeTea?

By user count, the closest alternatives are Icons Library + 300,000 icon, Iconoir Icons Library iconfy alternative and image.to.design. Compare all of them on the best Figma plugins for best of 2025.

For developers

Built this plugin?

Use this page as a landing page for CodeTea: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

CodeTea on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/codetea/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="CodeTea on figmaplugins.co" width="220" height="48"></a>

Want it featured on figmaplugins.co? Submit it for review