Home/SVG not working? Choose the symptom/SVG imported all one color or flat

SVG imported all one color or flat

Design Space separates an SVG into layers by color, so a file that arrives as one color is usually a PNG or JPG (uploaded as a single layer), a vector file still grouped, or one whose colors are gradients, patterns or an embedded picture. Upload the SVG itself, then ungroup it to see each color.

Lire cette page en français

A layered SVG arrives grouped. Select the group in the Layers panel and choose Ungroup; each color becomes its own layer.

Read what you see

Look at the Layers panel before you change anything: what it lists points to the cause.

What you seeLikely causeWhat to do
One layer, and the upload asked you to erase a backgroundYou uploaded a PNG, JPG, GIF or BMP. Design Space treats these as basic images and uploads them as a single layerUpload the SVG version of the design instead
One row with a small arrow, holding several colorsThe colors are there, grouped. Layered vector files arrive on the Canvas as a grouped imageSelect the group and choose Ungroup
One layer marked for printingThe layers were flattened into one printable imageSelect it and choose Unflatten, or upload the SVG again
The upload warns about unsupported items, or colors come in mergedGradients, patterns, textures or an embedded photo. Design Space can only separate flat colors into layersGive each shape one flat fill in your design program and export again

A worked example

Our friendly ghost is four colors: a pale lilac shadow, the cream ghost, pink cheeks and a black face, 90 × 86 mm as a cut. Upload its SVG and it lands as one group; choose Ungroup and the Layers panel shows four layers, each with its own color, ready to cut from four sheets.

Upload a PNG of the same ghost and you get one layer, because a PNG holds pixels rather than shapes. That is when the file looks all one color.

Fix it in Design Space

  1. Select the uploaded image on the Canvas, then choose Ungroup at the top of the Layers panel.
  2. Check each layer's swatch: give it the color of the sheet you will cut, or set its Operation to Draw or Score where it should not cut.
  3. If the image shows as one printable layer, choose Unflatten to get its layers back.
  4. Leave the colors apart when you continue to the mat: each color cuts from its own sheet, and you line the layers up when you stack the cut pieces. Attach only pieces of the same color, because attached pieces go onto one mat together. The one exception is a Draw or Score layer: select it together with the cut layer it belongs on and choose Attach, so its lines land in place on that piece.

Fix the file so it imports in layers next time

Each color you want as a layer needs flat, filled shapes: no gradient, pattern, texture or embedded picture. In Inkscape the same file opens with its shapes separate; select all and ungroup to work on one color at a time.

Every drawn design on this site is built that way: one flat color per layer, bottom layer first, and each design page lists its layers in cutting order.

From the maker’s documentation: Cricut: image upload instructions, Cricut: unsupported image items, Cricut: Canvas screen guide.