1. Help Center
  2. Create a Project
  3. Add Objects & Custom Objects

Create Your Own 2D Objects by Importing SVG Files

Interested in creating Custom Objects in the magicplan Cloud? Learn how to import your own SVG file for customized 2D renderings in magicplan!

Magicplan offers the ability to create a Custom Object based on an SVG file.

The process of importing an SVG file is rather easy, but the file itself has to be created correctly. This article provides you with magicplan's SVG file requirements, as well as recommendations to help you get started. 

Software Recommendations:

This video provides a good overview of software to use to create or edit icons and convert them to SVG files. We recommend using Figma (free option) or Adobe Illustrator (paid) to create or edit icons and convert them to SVGs.

 

💡 Tip: There are several online resources that have icons that you can edit or import straight in magicplan's Custom Object Manager. Two of our favorites are Noun Projects (free) and Dimensions.com (paid).

SVG Requirements:

  • Keep your design as simple as possible
  • Fit the bounding box/art board to the content of your object
  • All lines (strokes) need to be 1 point/pixel width for consistency
  • Don’t include any open shape paths
  • Don’t include any images or other pixel-based content
  • Don’t use color gradients
  • Don’t use a drop shadow
  • Don't save layers of drawings or photos on the background
  • Minor imperfections won't affect your sketch in magicplan

ℹ️ Note: For the top view of a wall-mounted object, it will display 180 degrees from it’s created view.

Screenshot 2023-04-17 at 10.21.02

If you are using Adobe Illustrator, please make sure to follow these steps when exporting your file:

  1. Select File > Export > Export as
  2. Choose Format: SVG
  3. Choose the following options:
    1. SVG Profiles: SVG Tiny 1.2
    2. Subsetting: None
    3. Type: SVG
    4. Image Location: Embed
    5. Encoding: Unicode (UTF-8)
    6. And select „Responsive”
  4. Click "OK"

Import SVG in magicplan:


Make sure that your SVG file meets all of the necessary requirements, then you are ready to import it to the magicplan Cloud. Click here to learn how to import SVGs using our Custom Object Manager in the cloud. 

ℹ️ Note:

  • If you want your object to render in elevation view, you need to create a separate SVG of the object's elevation view.
  • In order for your object to render in 3D, you need to create an OBJ file by following the steps found here.

Never worked with SVG files before?

We got you covered! Just reach out to our Sales team, and we'll send over a quote for all of your Custom Object needs. Whether it is 2D renderings, 3D renderings, or both, we can help you get your object catalog up-and-running in magicplan.

💡 Tip: If you choose to select for your object to be asymmetrical, you will be able to mirror that object in the magicplan App under details. Learn how to mirror objects in this article