Skip to main content

The Blueprint Editor

The Blueprint Editor is the main workspace in Leapter. It opens whenever you create or open a Blueprint, and gives you everything you need to understand, modify, and test your logic in one place.

Editor layout

The editor is divided into several areas, each serving a specific purpose. The Blueprint Editor showing the Visual view with the Delivery Fee Calculation blueprint

Top bar

The top bar showing the breadcrumb, Visual/Specification toggle, and Share button The top bar contains navigation and view controls:
  • Breadcrumb β€” shows the path to your current Blueprint (Project > Blueprint name). Click the Blueprint name to switch between Blueprints in the same project.
  • Visual / Specification toggle β€” switches between the two views of your Blueprint (see Visual view and Specification view).
  • Share β€” share your Blueprint with others or generate a link.

Left panel

The left panel showing the Data tab with inputs, outputs, and local variables The left panel has two tabs:
  • Data β€” displays and lets you configure the inputs, outputs, and local variables of your Blueprint. Each parameter shows its name, type, and whether it’s required.
  • Run β€” lets you provide test input values and execute the Blueprint directly. See Test your Blueprint for details.

Center area

The center area shows your Blueprint in the selected view:
  • Visual view β€” an interactive diagram showing the full flow of your logic. This is where you build and edit the Blueprint by adding, configuring, and connecting elements. See Visual view.
  • Specification view β€” a structured document view that presents your Blueprint as a readable specification with numbered sections. See Specification view.
The collapsed right sidebar with Tests, Prod Runs, and Comments icons The right sidebar is collapsed by default. Click any of its icons to expand it:
  • Tests β€” create and manage test suites to validate your Blueprint with predefined test cases. You can create tests manually or auto-generate them with AI.
  • Prod Runs β€” view execution logs from when your Blueprint is called via the REST API or MCP in production.
  • Comments β€” leave comments on the Blueprint for collaboration with your team.

AI button

The sparkle icon in the top-left corner of the canvas area opens the AI editing prompt, which lets you modify your Blueprint using natural language instructions.

Two ways to view your Blueprint

Every Blueprint has two views that show the same logic in different formats. You can switch between them at any time using the toggle in the top bar β€” changes in one view are immediately reflected in the other.
ViewBest for
VisualBuilding and editing the flow, seeing the structure at a glance, running and debugging
SpecificationReading and reviewing the logic, understanding the business rules, navigating large Blueprints

What to do next