[← See all Blog posts](/resources/blog)

22 May 2026

# From Figma to Sanity

A workflow for turning designs into blocks without losing intent.

-   [Design](/resources/blog/categories/design)
-   [Engineering](/resources/blog/categories/engineering)

![Cover illustration for From Figma to Sanity](https://cdn.sanity.io/images/f9tyxuia/production/4c6cc44563e84e1467fdcc42bf9f08908b166ddf-1600x900.svg)

The gap between design and content is where most drift happens.

## Map components to blocks

Translate a design component into a block once, then reuse it everywhere.

Design tokens map to the same variables the renderer reads.

### Takeaways

-   One component, one block
-   Share tokens across code and design
-   Review the rendered output, not the mockup

> Design systems live in code, not just in files.