Design engineering tutorials for Figma and SwiftUI

designengineer.ing publishes step-by-step design engineering tutorials — Figma layer breakdowns, SwiftUI implementation, glass UI, motion, and the craft between design and code. Not a job board.

Tutorials

The dawn of new aesthetics - Part 1

The dawn of new aesthetics - Part 2

Writing

Floating Balloon using Rive Scripting and Prototyped using SwiftUI

Playground

YouTube Playground

Pinterest Playground

Design engineering

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.

designengineer.ing is a tutorial publication for that practice — long-form Figma breakdowns that carry layer logic into SwiftUI, and show the decisions that make an interaction feel right on a phone. Start with the glass arrow design breakdown and SwiftUI engineering breakdown, or open-source playground apps like YouTube and Pinterest. More on the design engineering page.