Design Engineers at Vercel blend aesthetic sensibility with technical skills. This allows us to deeply understand a problem, then design, build, and ship a solution autonomously.The team is made up of people with a wide array of skills and a lot of curiosity. We constantly experiment with new tools and mediums. This multidisciplinary approach allows the team to push what’s possible on the web.

Design Engineers care about delivering exceptional user experiences that resonate with the viewer. For the web, this means:Delightful user interactions and affordancesBuilding reusable components/primitivesPage speedCross-browser supportSupport for inclusive input modes (touch, pointers, etc.)Respecting user preferencesAccessible to users of assistive technology

Being part of the Design team gives Design Engineers the autonomy and ability to work on things that would often get deprioritized in an Engineering backlog.

The team puts resources towards polished interactions, no dropped frames, no cross-browser inconsistencies, and accessibility. Examples of design-led projects are:Vercel’s Geist font: A Sans and Mono font. An interactive playground to see every glyph and try the font.Vercel’s design system documentation: An interactive docs playground used by engineers across the company to ship Vercel.Vercel’s Design Team homepage: An exploratory page for testing new web techniques and providing design resources.Delighters in the Vercel Dashboard: Features in the Vercel Dashboard that bring it to life and delight the user.

While no individual is expected to have all the skills, the team collectively is able to execute on ambitious designs because we can:Design in FigmaDesign in codeWrite production codeDebug browser performanceWrite GLSL shadersWrite copyCreate 3D experiences with Three.jsCreate 3D models/scenes in BlenderEdit videos using CGI and practical camera effects

You can see our team’s work across Vercel:Creating and maintaining components for the internal design system used on everything from Vercel.com to the Vercel Toolbar and the Next.js documentation.Websites like the Next.js Conf website and Vercel’s product pages.Product work and docs for Vercel and Next.js.Building proof of concepts for branding and marketing.Improving the accessibility of all Vercel web properties.

Design Engineer is the latest label we're chucking onto the pile of obfuscatory design titles alongside interface designer, interaction designer, software designer, web designer, product designer, design systems architect, UI/UX designer, UX engineer, UI engineer, and front-of-the-front-end engineer.

Throwing this extra label onto the pile feels necessary though. Design engineer captures something simple, important, and worth distinguishing: a person who sits squarely at the intersection of design and engineering, and works to bridge the gap between them.

They're people who know how to run a design process to decide how something should work, look, and feel, and have the engineering chops to implement it. They can quickly iterate on ideas by cycling between design exploration, research, and live code. The skillset is ideal for prototyping, exploratory interaction design, and building robust design systems.

Most from a small set of companies like Vercel, Linear, The Browser Company and Replit, known for their attention to interface design detail and slick product interactions, who are clearly encouraging and cultivating design-engineer hybrids.

People are incentivised to only share their sexy, shiny, flawless creations, rather than their messy process or shameful failures. Some of the especially tedious and labourious work isn't easily shareable, such as advocating for robust design systems and cleaning up legacy code.

I am not under any illusions that these public works constitute the entirety of what design engineers create or spend all day making. I'm sure some spend their days “aligning stakeholders,” buried under a mountain of strategic documents and trapped by heirarchical approval chains. Say a small prayer for them.