Item logo image for Figma

Figma

Featured
4.1(

104 ratings

)
ExtensionWorkflow & Planning400,000 users
Item media 3 (screenshot) for Figma
Item media 4 (screenshot) for Figma
Item media 1 (screenshot) for Figma
Item media 2 (screenshot) for Figma
Item media 3 (screenshot) for Figma
Item media 4 (screenshot) for Figma
Item media 1 (screenshot) for Figma
Item media 2 (screenshot) for Figma
Item media 1 (screenshot) for Figma
Item media 2 (screenshot) for Figma
Item media 3 (screenshot) for Figma
Item media 4 (screenshot) for Figma

Overview

Figma

Bring your live websites onto the Figma canvas and capture them as interactive code layers or structured design layers. CAPTURE YOUR WEBSITES AS CODE LAYERS OR DESIGN LAYERS Use Capture code to bring your live website into Figma as interactive code layers, or Capture design to turn it into editable design layers. Start from what’s already shipped without rebuilding from scratch. BRING IN A FULL PAGE OR MULTIPLE ELEMENTS Capture a full page or select the elements you need straight from your browser, then paste them onto the Figma canvas. No codebase, terminal, or coding agent required. EXPLORE CODE AND DESIGN SIDE BY SIDE Compare how your experiences look and feel, then refine ideas with your team. Interact with captured code layers and edit text, colors, and layout in design layers, all on the same canvas. SHARE FILES IN YOUR CALENDAR EVENTS Quick-add Figma or FigJam files to your Google Calendar events so attendees land on the right resource. Screen capture to code layers is in beta and available to Pro and higher plans. Learn more about how Figma helps thousands of teams build better products together at figma.com Figma’s Acceptable Use Policy (https://www.figma.com/legal/aup/) applies to use of this extension.

4.1 out of 5104 ratings

Learn more about results and reviews.

Details

  • Version
    1.3.27
  • Updated
    October 14, 2026
  • Offered by
    Figma
  • Size
    3.79MiB
  • Languages
    English
  • Developer
    Figma, Inc.
    760 Market St Floor 10 San Francisco, CA 94102-2300 US
    Email
    figma-extensions@figma.com
    Phone
    +1 415-890-5404
  • Trader
    This developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.
  • D-U-N-S
    079272419

Privacy

Manage extensions and learn how they're being used in your organization

Figma has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

Figma handles the following:

Website content

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Designer Daily Report

4.8

Everything about design in just 5 minutes.

HTML to Framer

4.6

Bring your own website into Framer with a few clicks. Simply copy and paste web elements and edit them directly in Framer.

Fonts Ninja

4.9

Speed up your design workflow!

Copy to Figma - 100% free, 100% private, works on all Figma plans

4.9

v1.2.3: capture open menus, Ctrl+Shift+1/2 shortcuts, local HTML, placeholders, ↑↓ picker.

Heurio - Website Review, Heuristic Evaluation & Vibe Coding Feedback

4.7

Fastest website review, bug report and heuristic evaluation tool for designers and devs.

html.to.design

4.5

Convert any website into fully editable Figma designs.

SVG Export

4.6

Download SVGs from websites as SVGs, PNGs or JPEGs

Refore HTML to Figma (Pixel-Perfect Web to Figma Design)

4.4

Transform any web into Figma with Pixel-Perfect. AI-Generated Pages Also Supported

HTML to Figma: Convert Websites into Designs & Wireframes by Wireframeit

3.5

Convert any webpage into an editable design or wireframe. Export to Figma, SVG, PNG, or JPG.

Web Capture - HTML to React with MagicPath

4.5

Capture elements from the web. Convert elements into interactive React components and edit manually or with AI on a canvas.

Paper Snapshot

4.7

Copy and paste your real site directly into Paper as editable layers. No more screenshots!

Export to Figma

4.8

Copy any website, page, or element into Figma as fully editable layers — convert HTML to clean Figma designs in one click.

Designer Daily Report

4.8

Everything about design in just 5 minutes.

HTML to Framer

4.6

Bring your own website into Framer with a few clicks. Simply copy and paste web elements and edit them directly in Framer.

Fonts Ninja

4.9

Speed up your design workflow!

Copy to Figma - 100% free, 100% private, works on all Figma plans

4.9

v1.2.3: capture open menus, Ctrl+Shift+1/2 shortcuts, local HTML, placeholders, ↑↓ picker.

Heurio - Website Review, Heuristic Evaluation & Vibe Coding Feedback

4.7

Fastest website review, bug report and heuristic evaluation tool for designers and devs.

html.to.design

4.5

Convert any website into fully editable Figma designs.

SVG Export

4.6

Download SVGs from websites as SVGs, PNGs or JPEGs

Refore HTML to Figma (Pixel-Perfect Web to Figma Design)

4.4

Transform any web into Figma with Pixel-Perfect. AI-Generated Pages Also Supported

Google apps