Design handoff
Design handoff is the step where a finished design passes from the people who designed it to the people who build it, with the measurements, styles and behaviour they need to match it.
Updated
On this page
What it is
In a classic workflow a designer draws the site in a design tool, then a developer rebuilds it in code from the file, specs and notes. Details get lost on the way: spacing, states, how a layout should change on a phone.
Every later design change goes through the same loop again. Teams cut the losses with shared design tokens, components that exist in both places, and reviews of the built page rather than the drawing.
In Xodia
In Xodia the design is made in the code itself, so there is less to hand off. Designers and your AI work on the real pages: the Style panel writes Tailwind classes and theme variables into your repository, at every screen size.
Developers review the result as a git diff or a pull request, and comments pinned to the live page carry what's left to discuss. The site plan's wireframes and style stay in sync with the pages, so the plan and the build don't drift apart.
Read more
Related terms
- Design tokensDesign tokens are the named values a design system is built from, such as brand colours, font families, text sizes and spacing steps, kept in one place and used everywhere.
- Visual editorA visual editor lets you change a website by clicking and editing the page itself, its text, images, layout and styles, instead of writing the code by hand.
- WireframeA wireframe is a simple drawing of a page's layout, in grey boxes and placeholder lines, that shows what goes where before any design or copy is final.