Skip to content
FOR FLUTTER SPACE & FACILITY PRODUCTS

Embed floor and space planning in your Flutter app

Rooms, walls, doors, windows, equipment, and dimensions — editable without leaving your product.

LIVE FLUTTER CANVASOpen full canvas
Opening the live canvas…
WHY THIS EXISTS

The work is visual.
The product should be too.

Space planners and field teams work spatially. They need to place rooms, openings, equipment, and dimensions while keeping the plan connected to the rest of the application. A Flutter-native canvas keeps the plan, tools, and product workflow in one surface.

WHERE IT FITS

A canvas for the work
your users actually do.

01

SPACE PLANNING

Arrange rooms and working areas

Create and resize spaces while preserving a clear view of the overall plan.

02

FACILITY LAYOUT

Place walls and openings

Straight and shaped walls, doors, windows, equipment, and standalone lines.

03

FIELD PLANNING

Keep dimensions in context

Editable dimension arrows, labels, snapping, and familiar canvas navigation.

NO EMBEDDED WEB APP

Native where your
product needs it.

  • Dart all the wayShapes, ports, routing, and undo belong in your Flutter codebase.
  • Your domain modelCompose cards, ports, and geometry that match the way your users work.
  • At home in your appKeep your own chrome, tools, and controller around a real Flutter canvas.
ONE REAL CANVAS

Start inside
your product.

Mount the editor in the Flutter surface your users already know, then bring your own data, tools, and domain shapes.

your_canvas.dartFlutter
dart
final controller = DiagramController(
  configuration: DiagramConfiguration(
    extensions: [EditorExtension()],
  ),
);

DiagramCanvas(controller: controller);

// Compose your own shapes and tools.
One controller drives the canvas. Your host owns the product around it.
MAKE IT PART OF YOUR PRODUCT

Building a planning experience in Flutter?

Tell us about your layouts, tools, and users — we’ll talk through fit and licensing.

Choose your plan