An interactive floor plan enables your employees to easily locate, view, and book the right spaces. With deskbird, you can upload your office layout, place desks and areas, and publish a clear visual map.
- Upload your floor plan image
- Add and place areas & desks
- Editor tools for fast and precise placement
- Publish your floor plan
- FAQs
1. Upload your floor plan image
To get started, go to the Admin > Office Settings > Floors & spaces, and click + Add floor plan or edit an existing one.
You can now upload a background image of your office layout (with desks and other resources visually marked if possible).
Supported formats: .jpg, .jpeg, .png, .svg (recommended)
Max width: 4096px, max height 4096px
Max size: 1.5MB
💡 If your image is in a different format (e.g. PDF), you can use a free converter online.
💡 Especially for larger floor plans, we recommend always using .svg files.
2. Add and place areas & desks
In the floor plan editor, you can:
- Place areas using squares or custom shapes
- Place resources in the correct locations
- Change the status of desks and areas to active/inactive if needed
Always start by placing areas, and then proceed to place resources, such as desks.
💡 Desks, parking spots and other resources can only be placed within an area. If you haven’t added your areas and resources yet, go back to the Floors & Spaces section first.
💡 Areas should not overlap or be placed on top of each other.
Don’t forget to Save your progress regularly.
3. Editor tools for fast and precise placement
The floor plan editor includes a set of tools designed to help you build clean, accurate layouts quickly — even when working with hundreds of desks. Use them to align resources pixel-perfectly, keep labels readable, and edit areas without breaking your flow.
Snapping & alignment
- Global snapping (on by default): resources automatically snap to nearby items with cross-area alignment, so you can build pixel-perfect layouts without being restricted by area boundaries.
- Persistent free drag toggle: need full control? Toggle free drag to bypass snapping and keep a non-restrictive design environment for as long as you need it.
- Dynamic grid reference: enable a visual grid overlay with customizable pixel density for structured, consistent spatial planning.
- Keyboard arrow nudging: select any resource and use the arrow keys to nudge it 1px at a time for high-precision placement.
Labels & readability
- Custom label positioning: drag and drop area labels anywhere on the map, independently of their parent area — no more overlapping or unreadable text.
Faster editing workflow
- Contextual area editing: click any background area directly on the canvas to instantly switch into edit mode — no more toggling between sidebar tabs.
- Direct resource selection: select the parent area and click a resource to configure it immediately, without switching tabs.
💡 Combine snapping, the grid overlay, and arrow-key nudging for the cleanest results: rough-place with snapping, align to the grid, then fine-tune with the arrow keys.
4. Publish your floor plan
When your layout is finalized, click Publish (located in the top right corner) to make it visible to users.
💡 Floor plans will remain hidden until they are published and at least one area and desk, or one meeting room, is marked as active.
5. FAQs
Yes! When uploading a new image, the old one is replaced, but all placed areas, desks, and bookings remain intact.
You can use free online converters or ask your IT team for help.
Make sure that all areas and resources are active. If everything is set to Inactive, the plan will not be displayed.
Your IT team may need to whitelist certain URLs. Contact support@deskbird.com to receive the full list.
Delete: All related bookings are removed, and linked QR codes will no longer work.
Deactivate: Bookings are no longer visible but remain stored in the system. They will be shown again once the area or desk is reactivated.
Areas should be created in a way that they do not intersect or overlap. Otherwise, this may cause issues when selecting a resource during booking.
Yes. Snapping is on by default, but you can activate the persistent free drag toggle in the editor to bypass it. Your selection will stay active until you toggle it off again, so you don’t need to switch modes for every resource.
Area labels can be repositioned independently of their parent area. Just drag and drop the label to any spot on the map — useful when labels overlap with desks or other areas.
Select the resource on the canvas and use the arrow keys on your keyboard to nudge it 1px at a time in any direction. This is the most precise way to align resources after a rough drag-and-drop placement.