Dev Mode

Translate designs into code

Give engineering the context they need with inspectable specs, component details, measurements, and assets.

Explore Dev Mode

One source of truth for designers and developers

Keep implementation notes, tokens, and handoff details beside the design instead of scattered across tools.

.button {
  border-radius: 999px;
  background: var(--color-blue);
  color: white;
}

Inspect styles

Read spacing, colors, typography, and component properties directly from the canvas.

Export assets

Collect production-ready imagery and SVGs from the same shared file.

Work with code tools

Bring HAOXUEHUA context into implementation workflows and AI coding agents.