How-to guide · how to import a dwg into figma

How to import a DWG into Figma

DWGDXFFree1,009 words

By Saumyajit Maity · Published 15 Jan 2023 · Updated 2 Jun 2024

Figma does not read DWG directly — it is a UI and graphics design tool, not a CAD program — so importing a CAD block is really a two-step job: convert the DWG to a format Figma understands, then bring that in. SVG is the ideal bridge because it keeps the block as crisp, editable vector paths inside Figma, exactly like any other shape on the canvas.

This guide takes a downloaded DWG block from CAD into Figma cleanly. We will convert it to SVG, drag or paste it into a Figma file, scale it sensibly to your frame, and tidy the imported vectors so they behave like native Figma objects. This is the route designers use to drop a floor plan, a furniture outline or a fixture symbol into a moodboard, a layout study or a presentation.

Step 1 — Convert the DWG to SVG first

Figma imports SVG, PNG and JPG, but not DWG, so start by converting. SVG is the best target because it stays vector and editable. The reliable free path is to save the DWG to DXF, open it in the free Inkscape editor, and save as SVG; alternatively a DWG-to-SVG converter does it in one step. Aim for a clean SVG that contains just the block, with stray construction lines removed.

Keep the SVG tidy: a block that is mostly outlines converts far better than one packed with dense hatching, which can explode into thousands of paths and bog Figma down. Trim before you import.

Step 2 — Import the SVG into Figma

With an SVG ready, getting it into Figma is easy. Drag the SVG file straight from your desktop onto the Figma canvas, or copy the SVG markup and paste it directly — Figma converts pasted SVG into editable vector layers automatically. Either way, the block arrives as a group of vector paths you can move, recolour and resize.

Figma treats each path as a real shape, so you can select the block, change its stroke colour to match your design, and adjust line weights. This is the payoff of going through SVG rather than a flat image: the block stays fully editable inside Figma.

Step 3 — Scale the block to your frame

CAD blocks are drawn at real-world size, so an imported SVG can arrive far larger or smaller than your Figma frame. Select the whole group and resize it to fit — hold the proportion lock so the block does not distort. If you need a precise scale relationship across several imported blocks, resize them all by the same factor so they stay consistent with one another.

For layout work where relative size matters — say, furniture against a room outline — import the room and the furniture from the same drawing so they share a scale, then resize the combined group once. That keeps proportions honest inside Figma.

Step 4 — Clean up the imported vectors

A freshly imported CAD SVG often carries baggage: duplicate overlapping paths, hairline strokes that vanish at small sizes, and a deeply nested group structure. Flatten or ungroup as needed so you can work with the shapes, delete duplicate paths, and set a consistent stroke weight that reads clearly at your display size.

If the block came in as outlines with no fill, you can add a fill in Figma to make it read as a solid object — useful for furniture symbols on a plan. Rename the layer to something meaningful so it is easy to find later in a busy file.

Step 5 — Use the block in your design

Once cleaned, the block behaves like any Figma asset. Turn it into a component if you will reuse it across frames, so every instance updates from one master — the Figma equivalent of an AutoCAD block. Combine several into a furniture library component set, or drop a single fixture into a presentation mockup.

Because it is vector, the block stays sharp when you zoom, present or export the frame at any size. You can recolour it to match a brand palette, set it behind UI elements, or use it as a scaled reference in a space-planning study — all without touching CAD again.

Common DWG-to-Figma problems

The number one mistake is trying to import the DWG directly; Figma simply will not open it, so the conversion to SVG is mandatory. The second is a heavy, laggy import caused by an over-detailed SVG full of hatch lines — simplify the drawing before converting so Figma stays responsive.

The third is invisible geometry: very thin CAD strokes can disappear at the scale you place the block, looking like the import failed. Select the paths and increase the stroke weight, or add a fill, so the block actually shows up. Scale surprises round out the list — always resize the imported group to fit your frame rather than expecting CAD coordinates to match Figma's canvas.

Free download

Browse the full library — DWG & DXF, no signup.

Download CAD blocks

Questions

Frequently asked

Can Figma open a DWG file directly?+

No. Figma imports SVG, PNG and JPG but not DWG. Convert the DWG to SVG first (via DXF and Inkscape, or a direct converter), then drag or paste the SVG into Figma where it becomes editable vector layers.

What format should I convert a DWG to for Figma?+

SVG. It keeps the block as crisp, editable vector paths inside Figma, so you can recolour, resize and componentise it. PNG works if you only need a flat image, but SVG preserves the most flexibility.

Why does my imported CAD block look huge or tiny in Figma?+

CAD blocks are drawn at real-world size, which rarely matches a Figma frame. Select the imported group and resize it proportionally to fit. Import related blocks from the same drawing so they share a scale before resizing together.

My imported lines are invisible in Figma — what's wrong?+

The CAD strokes are too thin to show at the scale you placed them. Select the paths and increase the stroke weight, or add a fill, so the block becomes visible. Cleaning duplicate paths after import also helps.

Related downloads