> 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

A brief introduction to the 2D/3D Floor Plan Viewer and a guide to its URL structure.

## 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](https://2022546525-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzuhZcfibLLAjHWVSIXSz%2Fuploads%2Fgit-blob-09bec93fa8bac67fd95016243bbc7f8c8f9b3891%2Ffloor-plan_introduce-1.jpg?alt=media)

## 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)  |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.archisketch.com/guide/dev-en/contents/floor-plan/introduce.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.