How to convert screenshots into working code
A step-by-step guide to go from screenshot to working HTML.
Read more ›Sharing news and engineering at ‹div›RIOTS.
In this guide, we'll be using the Figma plugin pdf.to.design to import a PDF into Figma, as either static images or fully-editable layers.
Read more →A step-by-step guide to go from screenshot to working HTML.
Read more ›Generate designs from prompts with one of our latest plugins, ai.to.design.
Read more ›3d.to.design just got an upgrade and can now turn flat images into 3D, right in Figma.
Read more ›A step-by-step tutorial on how to import your 3D assets into Figma to use in your designs.
Read more ›Convert XAML to Figma. Learn how to import Microsoft XAML files into Figma in just a few steps.
Read more ›Convert EMF to Figma in just 4 steps. A full guide to importing Microsoft Windows .emf and .wmf files into Figma as editable layers.
Read more ›Learn how to import AVIF images into Figma using the image.to.design plugin. Step-by-step guide to get AVIF files onto your Figma canvas.
Read more ›Import TIFF files into Figma: you just need image.to.design. Drag in your file, click "import" and it lands on your canvas ready to use. No quality loss, no format juggling, no extra tools.
Read more ›How to import Gamma.app presentation into editable Figma or Figma Slide
Read more ›With image.to.design Figma plugin, transforms any screenshot or image into a fully editable Figma design, in a click—complete with autolayout and smart layer naming.
Read more ›If you're looking for a way to bring content from Microsoft Word to Figma, the plugin office.to.design is your answer!
Read more ›Integrate content and design in one environment and reduce tool-switching by bringing your Apple Pages files right into Figma as editable layers.
Read more ›Bring your early brainstorming ideas from Mural to Figma, or convert boards from Mural to FigJam, with a single plugin!
Read more ›In this guide, we'll walk you through the simple steps to convert your Photoshop .psd files into Figma editable designs using the psd.to.design Figma plugin.
Read more ›Whether you’re a startup founder, agency designer or solo entrepreneur, Figma sites for business are now a real, scalable option.
Read more ›Bring your legacy presentations from OpenOffice or StarOffice right into Figma Slides.
Read more ›In this post, we’ll cover the best fonts for Figma websites to help you create beautiful, scalable web designs.
Read more ›Here are our top 10 design best practices to help you build clean, scalable and launch-ready websites in Figma.
Read more ›In this guide, we’ll go over the five biggest mistakes designers make in Figma when making a Figma site.
Read more ›9 benefits of designing and building a website in Figma and why you should go for it!
Read more ›In this guide, we'll show you how to quickly transfer your Canva slides into Figma Slides using the pdf.to.design plugin.
Read more ›In this guide, we'll walk you through the simple steps to convert your Google Slides presentation into Figma Slides using the pdf.to.design plugin.
Read more ›A fast and easy way to import your AutoCAD files into Figma as editable designs.
Read more ›Need a quick way to move your Visio diagrams and flowcharts to Figma? The new plugin visio.to.design is your answer!
Read more ›The only way to bring your design files from CorelDRAW to Figma. And as fully editable vectors! All you need is one tool…
Read more ›A fast and easy way to build your website — this guide shows you how to use AI and figma.to.website to publish your site without leaving Figma.
Read more ›A quick, easy tutorial for bringing all your Keynote presentations directly into Figma Slides as editable layers!
Read more ›The quickest, easiest way to import your EPS files into Figma and edit them.
Read more ›A step-by-step guide for the fastest way to move your design files from Adobe Illustrator to Figma.
Read more ›The best way to import image formats not natively supported by Figma.
Read more ›A step-by-step guide for importing your PowerPoint presentations as editable Figma designs.
Read more ›Bring your old office files into Figma! Import any document or presentation as editable Figma layers.
Read more ›How to migrate your design files from Canva to Figma — a step-by-step guide.
Read more ›A step-by-step guide for migrating between design tools and how to move your .indd files from Adobe InDesign to Figma.
Read more ›How figma.to.website compares to traditional design-to-HTML tools and why it might be your new best friend
Read more ›A complete guide to responsive web design in Figma.
Read more ›Some of the top Figma website templates to get you inspired and help you start your own website designs.
Read more ›Guest post from Judit Salvadó - a complete guide to publishing your portfolio from Figma.
Read more ›A practical guide on how to create your resume in Figma and publish it to the web in a click.
Read more ›From Figma to website in a few steps… Follow this 4-step guide to create your website, just using Figma!
Read more ›How to turn your Figma prototype into a live HTML prototype.
Read more ›We believe that code-to-design is the way to go when building design systems.
Read more ›