Image editing × layout generationUnder reviewIEEE TMM · 2026

Content-Edited Layout Generation for Graphic Design

Shirong Yang, Ying Cao

IEEE Transactions on Multimedia · 2026

A new task, benchmark, and two-flow reference model for generating a layout while actively preparing the visual canvas it must inhabit.

PROJECT / 01Image editing × layout generation
CELG pipeline coupling a layout generator and image editor through a bidirectional communication module.
Project teaser · click to inspect the full-resolution figure.

The canvas is part of the problem.

Most layout generators assume that the background image has already been prepared for graphic design. In practice, raw visual assets often place salient content exactly where text, logos, and decorative elements need to go.

Content-Edited Layout Generation (CELG) treats background editing and foreground layout generation as one coupled problem. Instead of committing to an edited image first, the two outputs are allowed to co-adapt as design requirements change.

Comparison between sequential editor-first layout generation and joint CELG co-adaptation.
Figure 01A sequential editor-first workflow can run out of clean space when layout requirements change. Joint CELG can move visual content and create space for the denser composition.

Two synchronized generative flows.

The reference model connects pretrained image-editing and layout-generation components through synchronized trajectories and bidirectional cross-attention. Each branch can therefore respond to the evolving state of the other branch rather than receiving a fixed intermediate result.

The accompanying Search-Compare-Edit pipeline constructs instruction-based editing pairs for studying canvas readiness and image-layout coordination at scale.

Search-Compare-Edit data construction pipeline for CELG.
Figure 02Search-Compare-Edit recovers controlled editing instructions by retrieving related visual assets and comparing their content differences.

What this project adds.

  1. 01

    Formulates CELG: layout generation directly from raw visual assets, with editing and composition solved together.

  2. 02

    Introduces the SCE data pipeline and InstructEdit benchmark for evaluating design-aware image editing.

  3. 03

    Provides an initial two-flow reference model that exchanges information between image and layout trajectories.

Under review

Manuscript under review; no public preprint or code release yet.

This page describes ongoing research and does not imply acceptance or publication.

Next project / 02Learning Interaction between Image and Layout Priors for Joint Image-Layout Generation in Design Templates