0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100

Screenshot2Design

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

by S2D Lab

users
48K
likes
340
saves
5.3K
comments
23
FreeWorks inFigma Design
Price
Free
Latest version
v7 ยท Mar 25, 2024
First published
May 9, 2023
Publisher
S2D Lab
Features

What Screenshot2Design does

Summarised from S2D Lab's description on the Figma Community.

  • 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.

  • 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.

  • 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

  • Search Screenshot2Design Plugin from the Plugins menu

  • For the initial setup, fill in the form

  • Submit the API Key automatically copied to the field

  • Select a screenshot to convert

  • (optional) If you set your design information, conversion quality will get better

  • Manifest

    Convert

    A quick action you can run from the Actions menu (Cmd/Ctrl + K).

On this page
Overview

About Screenshot2Design

Screenshot2Design is a free Figma plugin published by S2D Lab in 2023. It works in Figma Design and has 47,665 users and 340 likes on the Figma Community. It ranks #12 in Website to Figma on our lists.

In the developer's words

๐Ÿ‘‹ 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.

Changelog

What's new

Version 7 ยท released Mar 25, 2024

  • Auth key added
Trust

Permissions and privacy

Network access

Screenshot2Design can only connect to the 5 domains declared in its manifest: s2dlab.click, cdn.jsdelivr.net/, rsms.me, s2d-image-hosting.s3.ap-southeast-2.amazonaws.com and www.googletagmanager.com.

  • s2dlab.click
  • cdn.jsdelivr.net/
  • rsms.me
  • s2d-image-hosting.s3.ap-southeast-2.amazonaws.com
  • www.googletagmanager.com

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where Screenshot2Design ranks

Compare

Screenshot2Design alternatives

  1. 1

    html.to.design

    by divRIOTS

    2.4M users37KFree + $18/mo upgrade

    Convert any website into fully editable Figma designs

  2. 519K users5.1KFree + paid features

    Export to Sketch, XD, After Effects, PSD, InDesign โ€” or โ€” Import XD, Illustrator, PSD, InDesign, PDF

  3. 3

    PDF to Figma

    by Gautham ๐ŸŒถ

    314K users2.6KFree

    Import a PDF file into Figma as an image

  4. 309K users5.8KFree

    Capture, Transform, Create! Transform Screenshot into Stunning Editable Figma Designs with Ease!

  5. 5

    Web to Figma

    by Web to Figma

    244K users3.4KFree + paid features

    Import any website or HTML code to Figma editable design. Goodbye screenshots.

  6. 6

    pdf.to.design

    by divRIOTS

    215K users2.5KFree

    Convert any PDF document into Figma designs. 100% PRIVATELY.

FAQ

Screenshot2Design FAQ

What does Screenshot2Design do?

Convert screenshot into editable design files! Mock up customizing in just a matter of second ๐Ÿ”ฅ. It's a Figma plugin by S2D Lab that runs in Figma Design.

Is Screenshot2Design free?

Yes. Screenshot2Design is free to install and run from the Figma Community, with no paid tier listed.

Is Screenshot2Design safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. Screenshot2Design can only connect to the 5 domains declared in its manifest: s2dlab.click, cdn.jsdelivr.net/, rsms.me, s2d-image-hosting.s3.ap-southeast-2.amazonaws.com and www.googletagmanager.com. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install Screenshot2Design?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Screenshot2Design?

By user count, the closest alternatives are html.to.design, Convertify Sketch/Adobe/Google and PDF to Figma. Compare all of them on the best Figma plugins for website to figma.

For developers

Built this plugin?

Use this page as a landing page for Screenshot2Design: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Screenshot2Design on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/screenshot2design/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Screenshot2Design on figmaplugins.co" width="220" height="48"></a>