For design-system-light projects, locking the canvas at the Figma frame width and scaling down works surprisingly well. Tradeoff: accessibility and responsive breakpoints need extra care. Here's our playbook.
8
Shipping pixel-perfect Figma via transform: scale()
For design-system-light projects, locking the canvas at the Figma frame width and scaling down works surprisingly well. Tradeoff: accessibility and responsive breakpoints need extra care. Here's our playbook.
8
2 comments
Old-school. Respect. Accessibility audit should be mandatory though.
We tried this for a marketing page. Lighthouse was fine, keyboard nav wasn't.
Old-school. Respect. Accessibility audit should be mandatory though.
We tried this for a marketing page. Lighthouse was fine, keyboard nav wasn't.