Turn Screenshots & Paper Sketches into Figma Designs (Figma Make + ChatGPT)
3.7K views · 2025-10-20
UI DesignInteraction & UX
⭐️ Ever wanted to turn a screenshot or paper sketch into an editable vector design in Figma? In this video I walk you through step-by-step how to:
- Convert an image (e.g. webp) into a format Figma can use
- Use Figma Make / prompt editing to vectorize your screenshot
- Copy that into vector designs to edit into a Figma design file, complete with auto layout
- Use ChatGPT + Figma / FigJam integration to turn a paper sketch or IA concept into a digital IA design in FigmJam.
This workflow is perfect for designers, UX/UI folks, content strategists, or instructors who want to give students editable templates quickly.
#figmamake #ScreenshotToVector #ChatGPTDesign #FigJam
-------------------------------------------------------------------------------
🔔 if you want to get the latest updates on new releases as soon as possible, make sure to subscribe but also CLIKC the BELL BUTTON so you get notified when I release new Updates.
-------------------------------------------------------------------------------
🌸Learn more with professional free Courses🌸:
🌈 Complete COURSE Figma for Beginners 2025: https://www.youtube.com/playlist?list=PLXdRMPwB8CHkdA9Sch2ArrgmViCbHyaRN
🔥Figma MAKE from 0 to Expert Course: https://www.youtube.com/playlist?list=PLXdRMPwB8CHmbSLEKimjJMuvlAQgi09I_
🧘🏻♀️ Career in UX/UI Design Course : https://www.youtube.com/playlist?list=PLXdRMPwB8CHmky4DDULgzeU-u4XyHNU7y
-------------------------------------------------------------------------------
Connect with me!
➡️ LinkedIn: https://www.linkedin.com/in/nehmatgereige/
👩🏻💻 Portfolio: https://nehmatgereige.com/
🎓Book Free Mentorship time with me: https://adplist.org/mentors/nehmat-gereige
🌈 Figma Creations: https://www.figma.com/@nehmatgereige
-------------------------------------------------------------------------------
⏰ CHAPTERS ⏰
00:00 #1. Introduction & problem setup
01:15 #2. Converting screenshot formats (webp → PNG/JPEG)
02:10 #3. Uploading to Figma Make & prompting
03:20 #4. Copy to design & inspect vector layers in Figma
04:14 #5. Paper Sketch to IA with ChatGPT + FigJam Integration
- Convert an image (e.g. webp) into a format Figma can use
- Use Figma Make / prompt editing to vectorize your screenshot
- Copy that into vector designs to edit into a Figma design file, complete with auto layout
- Use ChatGPT + Figma / FigJam integration to turn a paper sketch or IA concept into a digital IA design in FigmJam.
This workflow is perfect for designers, UX/UI folks, content strategists, or instructors who want to give students editable templates quickly.
#figmamake #ScreenshotToVector #ChatGPTDesign #FigJam
-------------------------------------------------------------------------------
🔔 if you want to get the latest updates on new releases as soon as possible, make sure to subscribe but also CLIKC the BELL BUTTON so you get notified when I release new Updates.
-------------------------------------------------------------------------------
🌸Learn more with professional free Courses🌸:
🌈 Complete COURSE Figma for Beginners 2025: https://www.youtube.com/playlist?list=PLXdRMPwB8CHkdA9Sch2ArrgmViCbHyaRN
🔥Figma MAKE from 0 to Expert Course: https://www.youtube.com/playlist?list=PLXdRMPwB8CHmbSLEKimjJMuvlAQgi09I_
🧘🏻♀️ Career in UX/UI Design Course : https://www.youtube.com/playlist?list=PLXdRMPwB8CHmky4DDULgzeU-u4XyHNU7y
-------------------------------------------------------------------------------
Connect with me!
➡️ LinkedIn: https://www.linkedin.com/in/nehmatgereige/
👩🏻💻 Portfolio: https://nehmatgereige.com/
🎓Book Free Mentorship time with me: https://adplist.org/mentors/nehmat-gereige
🌈 Figma Creations: https://www.figma.com/@nehmatgereige
-------------------------------------------------------------------------------
⏰ CHAPTERS ⏰
00:00 #1. Introduction & problem setup
01:15 #2. Converting screenshot formats (webp → PNG/JPEG)
02:10 #3. Uploading to Figma Make & prompting
03:20 #4. Copy to design & inspect vector layers in Figma
04:14 #5. Paper Sketch to IA with ChatGPT + FigJam Integration