Home← All WorkContact
08

Facade
Configurator

Computation · AI Code · UX/UI · GH Tool

A domain-specific design tool built inside Grasshopper — classifying, configuring, and documenting facade assemblies at a component level in a way that is both visually intuitive and data-rich. Developed with Claude AI.

Year
2026 — Present
Status
Development
Location
Berlin, Germany
Built with
Grasshopper · IronPython · WinForms · GDI+ · Claude AI
Live Web Demo · Video Walkthrough
Try the tool — or watch it in action
Open full screen ↗
Live Demo — Interact
Video Walkthrough
Web demo — simplified version of the full Grasshopper tool Open in new tab ↗

About
the ToolWhat it solves

General-purpose parametric software doesn't solve one specific problem well: the need to classify, configure, and document facade assemblies at a component level — visually intuitive and data-rich at the same time. The Facade Configurator addresses this gap directly.

It provides a grid-based canvas where boundary regions are painted, merged, and classified through a guided hierarchy. An add-on tool connects these configurations to a 2D DWG block drawing. The tool outputs structured data to Grasshopper — including a fully grouped JSON dictionary per configuration — bridging schematic facade layout and detailed component documentation.

End-to-End
Workflow6 steps

Step 01
Grid Setup
Define rows, columns and cell size representing the facade module
Step 02
Paint & Merge
Paint cells, merge into named boundary regions on the canvas
Step 03
Classify
Assign frame or region type through the guided 4-level hierarchy dialog
Step 04
Save Config
Snapshot the canvas as a named configuration with its own state
Step 05
Link DWG
Import block geometry from Rhino or enter dimensions manually per span
Step 06
Export
Output structured JSON and Grasshopper data for downstream workflows
Main Grid Canvas — GH Interface
Main Grid Canvas — GH Interface
Boundary Type Hierarchy
Boundary Type Hierarchy
Adding Sections and Plans

The tool allows for the user to add different sections and plans at different locations.

Using Existing / Saved Boundaries

After creating the first configuration, the boundaries generated are saved in a library. The user can use the same boundaries for different new configurations. These can be loaded and saved as JSON files.

UI
ArchitectureBuilt with Claude AI

The tool was built with Claude AI (IronPython / WinForms + GDI+) — a multi-panel layout with custom canvas rendering, dock-based resizing, and persistent overlay panels. The interface has four distinct zones: a top toolbar for general commands, a right toolbar for creation (merge, draw, assign types, boundaries, file), a left toolbar for configurations and DWG linking, and the main grid canvas supporting elevation, plan, and section views.

Data Pipeline
Structured JSON export with hierarchical dict output, Grasshopper DataTree integration, and downstream-ready type indices
State Management
Per-configuration DWG links, save/load persistence to JSON, undo/redo snapshots, and multi-strip cut management
Interaction Design
Drag-to-reorder configs, guided 4-step type dialog, live profile strip rendering, and boundary detail overlay panel
DWG Linker
Standalone AutoCAD drawing linker — real connection between configurations and 2D DWG block drawings
JSON Dictionary Output
JSON Dictionary Output
AutoCAD DWG Standalone Linker
AutoCAD DWG Standalone Linker
Interface Wireframe
Interface Wireframe
Add-on Tool
2D Linker — Standalone App & Integration

The 2D Linker standalone app is a tool that allows the user to connect directly to a Rhino 2D drawing. It inherits the 2D drawing block, creates a bounding box and generates a schematic 2D drawing with correct dimensions for the 2D drawing. This data is saved and imported into the Configurator to allow for the configuration to connect and link to a 2D drawing data.

2D Standalone Tool
2D Standalone Tool
Tool Connection Demo
2D Connector in Configurator
2D Connector in Configurator
Built with Grasshopper IronPython WinForms GDI+ Rhinoceros 8 Claude AI JSON Export AutoCAD DWG
Tags Web ToolGrasshopper AI CodeFacade Design UX/UIJSON Berlin
← Previous
System Tubes
Next →
Bank Tower