Home/Projects/FactoPlanno

Project 03 - 2026

FactoPlanno

A web-based 2D factory-planning canvas for Satisfactory.

FactoPlanno is an open-source drafting tool inspired by SaLT, an abandoned community planner that's gone five years without an update. The tool lets players lay out a Satisfactory factory before committing in-game - placing machines, drawing belts and pipes, blocking out foundations, and organizing zones - on an infinite blueprint grid with snap-to-grid placement. It's a drafting surface, not a recipe calculator and not a 3D simulator: faithful to in-game dimensions where it matters, loose and fast where it doesn't.

I own the project end-to-end - design, architecture, implementation, and the public dev process. I wrote the project charter, designed every system (universal object model, runs-of-segments belts, tiered grouping with three lock modes, layers, undo), and am building it phase by phase in React, with the build documented in dev logs and videos. Open-source from day one, with the codebase structured for community contribution.

RoleDesign · Architecture
· Implementation
StackReact · Web
TeamSolo · Open-source

/ Overview

Key Features

FactoPlanno is an infinite-canvas drafting tool for planning Satisfactory factories before building them in-game. Players place machines, draw belts and pipes as runs of segments, block out foundations, and organize the layout into tiered groups and layers, all with snap-to-grid placement and full undo.

I designed and built every system: a universal object model that treats all placeable elements consistently, runs-of-segments belt/pipe routing, tiered grouping with three lock modes, a layer system, and undo/redo. The project is open-source from day one and built phase by phase in React, with the process documented in public dev logs and videos.

FactoPlanno
FactoPlanno

Systems · Canvas

Placement and Connection

Machines are picked from the side palette and placed on the canvas, snapping to the grid. Belts and pipes are drawn as connected runs of individual segments.

ReactCanvasSystems Design
[ Coming soon... ]
[ Coming soon... ]

Systems · Architecture

Tiered Grouping & Layers

A tiered grouping system with three lock modes plus a layer system lets players organize a factory into zones, lock structure where needed, and manage complexity on an infinite canvas.

ReactSystems Design
[ Coming soon... ]
[ Coming soon... ]

Architecture

Universal Object Model

Every placeable element such as machines, belts, and foundations, share a single underlying object model, keeping placement, selection, grouping, and undo consistent across the whole tool.

ReactArchitecture

/ Highlights

Systems & highlights

The systems and development process, and a look at the challenges and solutions behind FactoPlanno.

/ My skillsets

Explore by discipline