Back to Plugins
Image To Figma Design (beta)

Image To Figma Design (beta)

Convert, edit, iterate - for free: Screenshot-to-Figma made easy

screenshotjpegpngconvertimagedesignimage to designjpguiaiscreenshot to designwireframe

Plugin Preview

Image To Figma Design (beta) preview

About this plugin

Image To Figma Design

Automatically detect shapes and text from images and recreate them as fully editable Figma elements.

Turn flat images into flexible design components in seconds.


Features

  1. πŸ” Smart shape detection β€” Identifies rectangles, circles, and polygons
  2. πŸ“ Text recognition β€” Powered by Google Vision OCR
  3. 🎨 Automatic color extraction β€” Captures accurate fills and styles
  4. βš™οΈ Adjustable controls β€” Fine-tune sensitivity and size filters


What’s New

  1. ✨ Clean, modern UI
  2. πŸŽ›οΈ Dynamic slider controls
  3. ⚑ Improved performance and speed


Limitations

Works best with clean, high-contrast designs. May not accurately detect:

  1. Photos, gradients, or blurry images
  2. Complex or freeform shapes
  3. Handwritten or decorative fonts
  4. Icons and repeating patterns


Tips for Best Results

βœ“ Use high-resolution images (1500px+)

βœ“ Prefer simple geometric shapes

βœ“ Use clear, readable text with standard fonts


Right now it's a BETA version. Please try & let us know your feedback @ info@crafttor.com


If you like the plugin then please share & comment your thoughts 😊

Plugin Details

Version6
CreatedSeptember 17, 2024
Last UpdatedJanuary 29, 2026
CategoryAccessibility tools
CreatorCrafttor
Stats6362 installs, 584 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://cdn.jsdelivr.net
    • https://unpkg.com
    • https://vision.googleapis.com