Back to Plugins
Screenshot2Design

Screenshot2Design

Convert screenshot into editable design files! Mock up customizing in just a matter of second πŸ”₯

screenshotscreenshot-2-designdesign componentsmockup-toolsautomationdesignscreenshot-to-designdesign-automationautodesign toolsreferencecollaborationproductivity

Plugin Preview

Screenshot2Design preview

About this plugin

πŸ‘‹ Hello everyone

We are happy to announce several updates of Screenshot2Design plugin.

The usability is significantly optimized and some errors were fixed.


We are busy developing our AI model to replace the simple structure to a sophisticated AI model.

If you have any feedback or advice, we'd love to hear it through comments and via email!


(Last updated: UTC 14:56 on May 30, 2023)



Introducing S2D, the revolutionary AI design automation tool.

Our plugin converts screenshots into editable design files,

allowing you to reference work in a matter of seconds.

Try it out today and see the difference for yourself!


πŸ’‘ With S2D, you can..

  • Automate Your Design: Empower screenshots to an editable design file automatically. Eliminate tedious tasks and focus on the essence!
  • Boost Productivity: Convert dozens of professional website references into fixable mock ups with ease. Click, convert, and save hours of time on design and iteration.
  • Enhance Designing Process: Elevate your design process with our AI-powered plugin to find the perfect look and feel for your project.
  • Prototype Super fast: Get inspiration from the most successful designs and tweak and examine them with ease.


⚠️ Things to remember

  • S2D only read the original image. S2D does not reflect changes made in Figma.
  • S2D supports maximum 10 images.
  • Each image size could be upto 10MB.


πŸ—ΊοΈ How it works

  1. Search Screenshot2Design Plugin from the Plugins menu.
  2. For the initial setup, fill in the form.
  3. Submit the API Key automatically copied to the field.
  4. Select a screenshot to convert.
  5. (optional) If you set your design information, conversion quality will get better.
  6. Run S2D Plugin, reference work in a matter of seconds!


πŸ’° 100% Free

S2D Plugin is 100% free during beta launch. However, credits will be required after the official release.

Plugin Details

Version7
CreatedMay 9, 2023
Last UpdatedMarch 25, 2024
Categoryediting & effects plugins
CreatorS2D Lab
Stats3190 installs, 305 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:{"cancel": "views/cancel.html", "enroll": "views/enroll.html", "afterConvert": "views/after-convert.html", "interConvert": "views/inter-convert.html", "beforeConvert": "views/before-convert.html"}
  • main:dist/code.js
  • Network Access:

    Why should I reason about devAllowedDomains?

  • Editor Types:
    figma
  • Allowed Domains:
    • http://localhost:3000Dev
    • https://cdn.jsdelivr.net/
    • https://rsms.me
    • https://s2d-image-hosting.s3.ap-southeast-2.amazonaws.com
    • https://s2dlab.click
    • https://www.googletagmanager.com