0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#11 in Best of 2025

CodeTea

Covert from images, screenshots to figma design

by Lam

users
34K
likes
167
saves
1.7K
comments
15
Open in Figma
FreeWorks inFigma Design
Price
Free
Latest version
v63 · Jun 8, 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

  • 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 34,321 users and 167 likes on the Figma Community. It ranks #11 in Best of 2025 and #17 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:

✅ Clean, organized layers

✅ Fonts, colors, and structure retained

✅ Almost pixel-perfect output

📱 Responsive Layouts

Get designs that work across devices:

🔁 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
Changelog

What's new

Version 63 · released Jun 8, 2026

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

Trust

Permissions and privacy

Network access

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

  • asia-southeast1-tagjs-prod.cloudfunctions.net
  • api.codetea.io
  • storage.googleapis.com
  • placehold.co

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. 1

    Curved Text

    by Dee

    75K users243Free

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

    View details
  2. 2

    image.to.design

    by divRIOTS

    67K users1.7KFree

    Import any image format into Figma - as an image or as editable layers

    View details
  3. 3

    Magic Animator • AI Animation Generator for Figma

    by Alistair Thomson

    67K users3.3KFree

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

    View details
  4. 4

    Talk To Figma MCP Plugin

    by Sonny Lazuardi

    65K users2.1KFree

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

    View details
  5. 5

    Iconify

    by sadik sajid

    53K users81Free

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

    View details
  6. 6

    Perspective

    by Dylan de Heer

    52K users341Free

    Transform designs with perspectives, patterns, and 3D shadow effects

    View details
FAQ

CodeTea FAQ

What does CodeTea do?

Covert from images, screenshots to figma design. 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 4 domains declared in its manifest: asia-southeast1-tagjs-prod.cloudfunctions.net, api.codetea.io, storage.googleapis.com and placehold.co. 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 Curved Text, image.to.design and Magic Animator • AI Animation Generator for Figma. 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>