Using LineSVG files in Figma, Illustrator, Inkscape and Cricut Design Space
2026/09/13

Using LineSVG files in Figma, Illustrator, Inkscape and Cricut Design Space

How to import SVG into Figma, Illustrator, Inkscape and Cricut Design Space so strokes stay editable, and when to set Draw, Score, Foil or Cut on each layer.

You generated a clean drawing in LineSVG, downloaded the file, and now it has to work somewhere else: a Figma mockup, an Illustrator print file, an Inkscape plot, or a Cricut project. Each app treats lines a little differently. This guide covers how to import SVG into Figma, Illustrator, Inkscape and Cricut Design Space, what stays editable, and the one conversion step you need only when you are about to cut.

Quick answer: Strokes from LineSVG stay editable strokes in Figma, Illustrator and Inkscape. In Cricut Design Space, set single-line layers to Draw, Foil or Score, and use Cut-ready shapes with Basic Cut. Convert strokes to outlines only when a line has to be cut as a shape.

First, know what is in your file

Everything below depends on the structure of the SVG, so check it before you import. LineSVG labels every result:

  • Editable lines files are made of strokes. A stroke is a line with a thickness setting: a path plus a width, color and optional dash pattern.
  • Pure lines (for machines) files contain strokes only, with no filled element at all.
  • Cut-ready shapes files are closed filled shapes with connected parts.
  • Color layers files are flat color shapes grouped by color.

The label on the result, such as "Editable lines · 92%" or "Contains filled shapes · 20% lines", tells you how much of the drawing is real strokes. If the difference between these is new to you, read stroke, outline or fill first.

A mountain and sun mark drawn as thin strokes Mountain mark as real strokes: in a design app, each line keeps a stroke width you can change.

You have two ways to get the file out of LineSVG: download SVG to get a file, or copy SVG code to paste the markup directly. Both carry the same content.

Figma

Figma imports SVG as vector layers. Drag the downloaded file onto the canvas, or paste the copied SVG code straight in.

What to expect:

  • Stroked paths arrive as vectors with a stroke property. Select a layer and the stroke weight, color and style appear in the right panel, so you can adjust them just as you would in LineSVG.
  • The drawing usually lands inside a frame or group. Select the lines inside it to edit several strokes at once.
  • Filled shapes arrive with a fill and no stroke. Changing stroke weight on them adds a border around the shape instead of thickening it.

Figma is a good place to combine line art with type for invitations, social posts and product mockups. Keep the lines as strokes while you design, because a stroke weight change is a one-field edit.

Adobe Illustrator

Open the SVG with File, Open, or place it into an existing document.

  • Strokes keep their stroke properties. Select the artwork and change width and dashes in the Stroke panel, or in the Appearance panel.
  • The artwork often comes in as a group. Ungroup or use the Direct Selection tool to work on individual paths.
  • Outline Stroke (Object > Path > Outline Stroke) converts a stroke into a filled shape with the same visible width. Do this only when you need the line to become a cuttable shape, for example a vinyl decal or a laser-cut piece made from line art. After outlining, the width is fixed and can no longer be changed with the Stroke panel.

A practical habit: keep an un-outlined copy of the artwork on a hidden layer or in a separate file. If the client wants bolder lines later, you change the stroke and outline again, instead of redrawing.

Inkscape

Use File, Open for a new document or File, Import to bring the SVG into an existing one. Inkscape is built around SVG, so strokes come through as strokes.

  • Open the Fill and Stroke dialog to see and change stroke width, color and dashes.
  • Path > Stroke to Path converts a stroke into a filled shape, the same idea as Outline Stroke in Illustrator. Use it for the same reason: only when a line must be cut as a shape.
  • Inkscape is also a common route to pen plotters. Plotters draw the path itself and ignore fills, so a Pure lines file is the right input. The pen plotter SVG prep guide covers plotter-side settings, and Evil Mad Scientist notes that the AxiDraw does not plot fills.

Cricut Design Space

Design Space is where structure matters most, because the machine does exactly what the layer's operation says.

Upload the SVG through the upload option. SVG uploads open as layers you can see in the Layers panel. Each layer has an Operation setting where you choose Basic Cut, Pen (Draw), Score or Foil.

Follow these steps:

  1. Pick the right LineSVG output before you download. For drawing, foiling or scoring, generate as Pure lines (for machines). For cutting, generate as Cut-ready shapes.
  2. Upload the SVG and add it to the canvas.
  3. Select each layer in the Layers panel.
  4. Set the Operation. Single-line layers get Pen/Draw, Foil or Score. Filled shape layers get Basic Cut.
  5. Check line thickness expectations. With Draw and Foil, the pen or foil tip sets the visible width, not the stroke width in the file.
  6. Resize on the canvas, then preview the mat before sending it to the machine.

Why the output type matters here: if you draw or foil a filled outline, the machine follows both edges of each line and you get the classic double line. Hey Let's Make Stuff explains that Cricut foil works with single-line images, and the full explanation of the double-line effect is in why your cutter draws double lines. Going the other way, cutting a thin stroke does not give you a shape with width. For vinyl or cardstock pieces, use Cut-ready shapes, or outline the strokes first in Illustrator or Inkscape as described above. The StencilIQ guide makes the same point for vinyl cutters: strokes should be converted to paths.

For a complete Cricut walkthrough, see single line SVGs for Cricut pen, foil and score.

Quick reference

  • Designing a layout, changing line weight later: Editable lines, keep as strokes in Figma, Illustrator or Inkscape.
  • Pen plotter, Cricut pen, foil or score: Pure lines (for machines). No conversion.
  • Vinyl, stickers, laser or Cricut cut: Cut-ready shapes, or outline your strokes as the last step.
  • Layered papercraft or flat illustration: Color layers, then separate the color groups in your app.

Get the right file for your app

Start from the tool that matches the job: the single line SVG tool for Cricut pen, foil and score files, the laser cut SVG tool for cuttable shapes, or the line art generator for editable strokes you will style in Figma, Illustrator or Inkscape.