Design Engineering
A living doc: notes and resources
README.md
Hi, I'm Flo. I'm a designer who builds. v0 got me hooked on crafting
personal projects, which led me to
Vercel's Design Engineering team in New York. Now, I'm joining
Ramp as a design engineer.
Defining the role
Design Engineering - The discipline bridging design and dev & why it matters
The Attributes of a Design Engineer -
Design Engineers -
The Rosetta Stone of Design Engineering -
Design Engineering - , Proof of Concept
Design Engineering at Vercel - Vercel
Guidelines & agent skills
/rams - CLI Design engineer reviews for coding agents
UI Skills - Opinionated constraints for agents
skills.sh - Open agent skills ecosystem by
Interesting tools
Locale - Preview local fonts, by
Before and After - Add before & after screenshots to your PR, by
remotion.dev - Make videos programmatically
agentation - Annotate web elements for coding agents, by
Shadow - Open-source background coding agent, by , , and
CMYK Emulator - By
Resources
ui.land - Curated by
Interfaces - by
Details that make interfaces feel better - by
- - In-depth articles on CSS
Fancy Components - Library of eye-catching
open source components
Courses I've purchased
UI Engineering 101 for Designers - by and , I took this in November of 2024
animations.dev - by
Devouring Details - by
Interactive SVG Animations - by
Interface Craft - by
Design pattern libraries
mobbin.com - Design & animation library for iOS & Web
aiverse.com - AI UX interactions library
shapeof.ai - Exploring how UX evolves with AI
Communities
Design Engineer IO - Resources & job postings
Design Engineer Club - Community of like-minded DENG's
Personal perspectives
Notes
Material understanding beats tool proficiency. Only mastering Figma and React misses the point. Design engineers think in terms of the final medium: what users actually interact with. Code and pixels become one malleable material.
Design engineering streamlines the creation process, minimizing back-and-forth. Marrying design and implementation internalizes the translation layer, rather than externalizing it into handoffs. Time collapses between idea and validation.
Prototyping is central but not the whole story. While rapid prototyping and UI implementation are visible outputs, the deeper value is in establishing strong foundations—design systems, component libraries, and patterns that elevate entire teams.