Back to Plugins
Image To Figma Design

Image To Figma Design

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

screenshotjpegpngconvertimagedesignimage to designjpguiaiscreenshot to designwireframe

Plugin Preview

Image To Figma Design 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🔍 Smart shape detection — Identifies rectangles, circles, and polygons📝 Text recognition — Powered by Google Vision OCR🎨 Automatic color extraction — Captures accurate fills and styles⚙️ Adjustable controls — Fine-tune sensitivity and size filtersWhat’s New✨ Clean, modern UI🎛️ Dynamic slider controls⚡ Improved performance and speedLimitationsWorks best with clean, high-contrast designs. May not accurately detect:Photos, gradients, or blurry imagesComplex or freeform shapesHandwritten or decorative fontsIcons and repeating patternsTips for Best Results✓ Use high-resolution images (1500px+)✓ Prefer simple geometric shapes✓ Use clear, readable text with standard fontsRight now it's a BETA version. Please try & let us know your feedback @ [email protected] you like the plugin then please share & comment your thoughts 😊

Plugin Details

Version6
CreatedSeptember 17, 2024
Last UpdatedJanuary 29, 2026
CategoryAccessibility tools
CreatorCrafttor
Stats6708 installs, 619 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