Image To Figma Design

Image To Figma Design

Scan any UI screenshot and instantly recreate it as fully editable Figma layers — shapes, text, buttons, images, and icons all placed accurately with real fills, fonts, and corner radii.

Features

🔍 Smart shape detection — Identifies rectangles, rounded buttons, circles, polygons, and pill-shaped components with precise corner radius inference

📝 Text recognition — Google Vision OCR with automatic heading / subheading / label / body classification

🎨 Accurate color extraction — Corner-biased fill sampling keeps card backgrounds clean even when content overlaps the center

🔤 Google Fonts suggestions — After every scan, get the top matched font pairings with one-click copy

⚙️ Adjustable controls — Fine-tune detection sensitivity, size filters, and overlay confidence

🪙 Credit system — Pay-as-you-go scan credits with real-time balance display

What's New

✨ Lottie-animated coin UI for a smooth, polished experience

🔵 Pill button detection — auto-detects rounded CTAs with correct corner radius, not just flat rectangles

🔠 Font-weight detection — distinguishes Regular vs Bold by pixel density, not just size

🎯 Circularity-first shape classifier — circles stay circles even in cropped or low-res scans

🧠 Smarter text roles — heading/subheading/label/body classification adapts to any UI scale

⚡ Cleaner Figma output — no stray blue strokes, correct FIXED frame sizing on buttons

Limitations

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

Photos, gradients, or heavily blurred backgrounds

Complex freeform or illustrated shapes

Handwritten or decorative fonts

Very dense icon grids or repeating micro-patterns

Tips for Best Results

✓ Use high-resolution screenshots (1500px+)

✓ Prefer flat or minimal-shadow UI designs

✓ Scan the full screen rather than cropped sections for best shape context

✓ Use clear, readable text with standard system or Google Fonts

Community & Support

💬 Join our Discord for tips, feedback, and early feature access → https://discord.gg/7KcTsANKsq

📧 Questions or bug reports → info@crafttor.com

If the plugin saves you time, please share it and leave a review — it helps a lot! 😊