Adobe Photoshop adds Generative Layout engine and export-ready design tokens

Design · 4 min read

The Generative Layout engine in Photoshop uses a layout-aware diffusion approach to suggest composition variants, responsive crops, and typographic adjustments for existing artboards. Designers can seed the generator with constraints — grid, type scale, hierarchy — and get multiple layout alternatives that preserve visual rhythm.

Separately, Photoshop now exposes an Extract Tokens feature that analyzes layers and converts colors, type styles, spacing, and shadows into a portable tokens package (JSON, CSS variables, or platform-specific formats). Tokens are annotated with layer provenance so teams can trace a value back to the original artboard element.

Adobe says the update is part of a broader push to make Photoshop a first-class tool for interface ideation without sacrificing hand-crafted control. The company also added native connectors to storybook and design token managers so exported tokens fit into developer pipelines.