Design engineering

What it is

Design engineering is the practice of designing interfaces in tools like Figma and implementing them in code with production-level detail — layers, strokes, blur, motion, and feel.

On designengineer.ing, design engineering is the practice we publish — long-form tutorials that start in Figma, carry the layer logic into SwiftUI, and show the decisions that make an interaction feel right on a phone.

New breakdowns ship on X (@designengineerr).

What you'll find here

Design engineering tutorials for people who design in Figma and build in SwiftUI. Step-by-step breakdowns of interactions, glass UI, and the craft between design and code.