Guides
Web pages into Figma, done properly.
How CSS flexbox and grid map to Figma auto layout
A property-by-property map from CSS flexbox and grid to Figma auto layout: direction, gap, padding, alignment, sizing, wrap, and what has no equivalent.
How to import a page behind a login into Figma
Dashboards, admin panels and account pages can't be loaded from outside. How to capture them from your own browser and import them into Figma.
Is it legal to copy a website into Figma?
Importing a page into Figma copies its text, images, icons and fonts. When that is fine, when it isn't, and how agencies keep captures out of trouble.
Lost the Figma file? How to get your website's design back
Where to look for a lost or deleted Figma file, and how to rebuild an editable design from the live website when the file is truly gone.
How to redesign an existing website in Figma without redrawing it
Start a website redesign from the live site: import it into Figma, audit the styles you find, consolidate them into a system, then redesign on top.
Why a website imported into Figma looks wrong, and how to fix it
Missing fonts, grey image boxes, empty frames and stray pop-ups: why web pages break on the way into Figma, and what to do about each problem.