Scaffold
Figma for developers

Design your interface.
Forge the Flutter code.

Scaffold is a desktop design tool that turns your layouts, design tokens, and data models into clean, production-ready Flutter & Dart code.

Free desktop app for Windows, macOS and Linux.

Everything from canvas to code

One tool for the whole front end — design it, structure your data, and ship the code.

Visual canvas

Frames, containers, text and images with auto-layout — row, column, wrap or stack. Drag, snap, align and nest.

Design tokens

Reusable color variables and typography styles, defined once and applied everywhere across your design.

Models & mock data

Define typed data models and enums, then generate realistic mock instances to design against real-shaped data.

Flutter code export

Turn your models and providers into clean, idiomatic Dart files with a single click — ready to drop into your app.

From idea to implementation in three steps

Watch a two-minute tour, then dive into the full guide.

01

Design

Lay out your screens on an infinite canvas with auto-layout, tokens and components.

02

Define

Model your data with typed fields and enums, and preview it with generated mock data.

03

Export

Generate clean Flutter & Dart code and continue building in your editor of choice.

Download Scaffold

Install the desktop app, create your account inside it, and start designing. Your projects sync to the cloud.

macOS

macOS 11 or later, Apple silicon and Intel.

Download .dmg

Linux

AppImage for most distributions, or a .deb for Debian and Ubuntu.