CodeTea - Image to Figma, ScreenShot to Figma
Covert from images, screenshots to figma design
Plugin Preview
About this plugin
โจ 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:
- Super fast turnaround
- Boost your design workflow
- Ideal for developers, designers, and non-tech teams
๐ Try it today and turn any image into a Figma masterpiece in seconds!
Plugin Details
Version | 27 |
---|---|
Created | January 6, 2025 |
Last Updated | July 15, 2025 |
Category | Import & export plugins |
Creator | Lam |
Stats | 339 installs, 41 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:
- https://api.codetea.io
- https://asia-southeast1-tagjs-prod.cloudfunctions.net
- https://placehold.co
- https://storage.googleapis.com
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design โ by โนdivโบRIOTS โ Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML