> For the complete documentation index, see [llms.txt](https://docs.archisketch.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.archisketch.com/guide/dev-en/contents/floor-plan/introduce.md).

# 1.1. 2D/3D Floor Plan: Intro

## 2D/3D Floor Plan Viewer

We’ll walk you through the **2D/3D Floor Plan Viewer** in the following order:

1. **2D/3D Floor Plan: Overview**
2. **2D/3D Floor Plan: URL Structure**

## 2D/3D Floor Plan: Overview

{% embed url="<https://planner.archisketch.com/?mode=2&projectId=XkhkKDK233D748440524D18>" %}

### 📌 How to Create a 2D/3D Floor Plan

**2D/3D Floor Plan Viewer** becomes available once project content is created within the **\[My Projects > Projects section]** of the Archisketch dashboard. Once your project is successfully created, simply click the generated project card to instantly access the 2D/3D Floor Plan Viewer.

👇 Check out the video below for **“How to Create a Project”**.

{% embed url="<https://www.youtube.com/watch?v=e4YpleYl1L4>" %}

### 📌 How to View 2D/3D Floor Plans

1. From the Archisketch dashboard, go to **\[Projects > My Projects]** or **\[All Projects]** and click on a project card. *(If you don’t have a project yet, click the \[New Project] button to create one.)*
2. On the project detail page, navigate to the **\[Content > Floor Plans]** tab, then click the Floor Plan Viewer button below.

![Image](/files/gAsx1W6XMsRJptQr1Qqt)

## 2D/3D Floor Plan: URL Structure

> **Try it out using the demo page below.**

{% embed url="<https://codepen.io/Archisketch/pen/LYjKGaR>" %}

The **2D/3D Floor Plan Viewer** follows a common URL structure as shown below. You can also customize the model viewer by adding optional query parameters as needed.

### 📌 URL Format

```html
https://planner.archisketch.com/?projectId={'Content ID'}&mode={'Num'}
```

### 📌 Query Parameter

| **Parameter** | **Description**                                     |
| ------------- | --------------------------------------------------- |
| `mode=2`      | Set to 2D Floor Plan Viewer mode. (default: mode=2) |
| `mode=3`      | Set to 3D Floor Plan Viewer mode (default: mode=2)  |