Creating An Svg Floor Plan: A Step-By-Step Guide

Download Floor svg for free Designlooter 2020 👨‍🎨

Creating a floor plan is a crucial step in any remodeling or construction project. When done right, it can provide a comprehensive overview of the project’s layout and make it easier to plan and visualize the finished space. Floor plans can be created in a variety of formats, but Scalable Vector Graphics (SVG) is becoming increasingly popular due to its flexibility and compatibility with a wide range of devices. In this article, we’ll provide a step-by-step guide to creating an SVG floor plan using Adobe Illustrator.

Step 1: Gather the Necessary Materials

Before you start creating your SVG floor plan, you’ll need to gather the necessary materials. These include: a measuring tape, paper and pen for sketching, and Adobe Illustrator software. You may also want to consider using a graphing program for mapping out the layout of your floor plan. Additionally, you may want to take measurements of your space if you haven’t already done so.

Step 2: Sketch Out the Layout

Now that you’ve got all the necessary materials, it’s time to start sketching out the layout of your floor plan. Using your measuring tape, take accurate measurements of the walls, windows, and doorways in the space. Then, sketch out the layout on paper. Be sure to note any major features such as built-in cabinetry, fireplaces, or furniture pieces. This will help you accurately map out your SVG floor plan.

Step 3: Map Out the Layout in Adobe Illustrator

Once you’ve sketched out the layout of your floor plan, you’re ready to start mapping it out in Adobe Illustrator. Begin by creating a new document in Illustrator and setting the size to the dimensions of your floor plan. Then, use the Rectangle and Line tools to create the walls, windows, doorways, and other features of your floor plan. You can also add labels to each feature if you’d like.

Step 4: Add Furniture and Other Elements

Next, it’s time to add furniture and other elements to your SVG floor plan. You can use the Rectangle and Line tools to create basic shapes for your furniture, or you can search for furniture images online and import them into your document. Be sure to resize the images to fit the scale of your floor plan. Additionally, you can add other elements such as rugs, curtains, and artwork.

Step 5: Finalize Your SVG Floor Plan

Once you’ve added all the elements to your SVG floor plan, it’s time to finalize it. Begin by adding any labels you may have missed earlier. Then, use the Line and Color tools to add any additional details you’d like. Finally, save your SVG file and you’re done!


Creating an SVG floor plan is a great way to plan and visualize a remodeling or construction project. With Adobe Illustrator, it’s easy to create an accurate and detailed SVG floor plan. Just follow the steps outlined in this guide and you’ll be on your way to creating a professional looking floor plan in no time.