惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

T
The Blog of Author Tim Ferriss
S
Securelist
D
Docker
The Register - Security
The Register - Security
GbyAI
GbyAI
Recorded Future
Recorded Future
Engineering at Meta
Engineering at Meta
Stack Overflow Blog
Stack Overflow Blog
云风的 BLOG
云风的 BLOG
P
Proofpoint News Feed
罗磊的独立博客
博客园 - 【当耐特】
F
Full Disclosure
WordPress大学
WordPress大学
腾讯CDC
小众软件
小众软件
大猫的无限游戏
大猫的无限游戏
D
DataBreaches.Net
SecWiki News
SecWiki News
L
Lohrmann on Cybersecurity
I
InfoQ
MyScale Blog
MyScale Blog
量子位
Cyberwarzone
Cyberwarzone
博客园 - 三生石上(FineUI控件)
The Hacker News
The Hacker News
F
Fortinet All Blogs
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Jina AI
Jina AI
博客园_首页
H
Help Net Security
K
Kaspersky official blog
酷 壳 – CoolShell
酷 壳 – CoolShell
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
www.infosecurity-magazine.com
www.infosecurity-magazine.com
Webroot Blog
Webroot Blog
Blog — PlanetScale
Blog — PlanetScale
V
Vulnerabilities – Threatpost
Y
Y Combinator Blog
The Cloudflare Blog
P
Proofpoint News Feed
V
Visual Studio Blog
C
Cyber Attacks, Cyber Crime and Cyber Security
T
Tailwind CSS Blog
爱范儿
爱范儿
P
Privacy International News Feed
Security Archives - TechRepublic
Security Archives - TechRepublic
The GitHub Blog
The GitHub Blog
C
Cybersecurity and Infrastructure Security Agency CISA
B
Blog RSS Feed

Open Design Blog

Best AI Design Agents in 2026: An Honest, Tested Guide Best AI Prototyping Tools in 2026: An Honest, Tested Guide Best AI Design Tools in 2026: An Honest, Tested Guide Best Bolt.new Alternatives in 2026: An Honest Comparison Best Design-to-Code Tools in 2026: An Honest, Tested Guide Best Figma Alternatives in 2026: An Honest, Tested Guide How to Use Claude Code for Frontend Design (2026 Guide) Best Lovable Alternatives in 2026: An Honest Comparison Best v0 Alternatives in 2026: An Honest Comparison Open Design is coming to Osaka / Kyoto Open Design 0.12.0: your brand is a design system Vibe Design Tools: An Honest Guide to What Works Vibe Design vs Vibe Coding: Where They Split and Why It Matters Vibe Design with Google Stitch: What It Nails, Where It Traps You What Is Vibe Design? The 2026 Guide to Designing by Intent Open Design 0.11.0: the Bazaar Open Design 0.10.0: the all-in-one design workspace Open Design 0.9.0: design for everyone The open-source alternative to Figma Open Design 0.8.0: everything is a plugin How to port a Figma workflow into an Open Design plugin BYOK reality check: 5 things that break in Open Design today The open-source alternative to Claude Design 31 skills, 72 systems: how the Open Design library works BYOK design workflow: run Claude, Codex, or Qwen on your own key Why we built Open Design as a skill layer, not a product
The layout layer the canvas used to hide
Open Design · 2026-05-18 · via Open Design Blog

A community reply on the 0.8.0 preview named the real question behind agent-native design: if the canvas stops being the work unit, how do users still understand layout?

A useful community reply does not ask for a bigger button. It names the missing layer.

That is what happened under the Open Design 0.8.0-preview discussion. The launch thread argued for two shifts: stop treating the canvas as the primary work unit, and make the agent the first-class design worker. One reply agreed with the direction, then pointed at the hard part: when the canvas disappears, users still need a way to understand what the agent made before they can edit it with confidence.

The phrase in the reply was “Layout Understanding Layer.” It is a good name because it refuses the lazy answer. Agent-native design cannot mean “trust the screenshot.” It needs a readable model of the artifact: sections, intent, editable parts, stable references, and suggested edit moves.

The canvas gave designers spatial confidence

Figma’s canvas is not only a drawing surface. It is also an explanation surface. You can zoom out, see the page hierarchy, click a frame, inspect constraints, rename layers, and understand where one piece of the work ends and another begins.

That understanding is easy to underestimate until it is gone. A generated landing page can look correct in a sandboxed preview and still be hard to direct. “Make the hero more confident” is useful only if the agent and the human agree on what the hero is. “Tighten the pricing section” works only if the artifact carries a stable section identity across revisions.

This is the part of the #DeFigma argument that needs care. The canvas may be the wrong unit of work for an agent-native system, but the clarity people got from the canvas is still valuable. Open Design has to move that clarity into the artifact model, not throw it away.

Open Design already has the right primitives

The reason this proposal fits Open Design is that the project is already built around explicit contracts. A skill is a SKILL.md file. A design system is a DESIGN.md file. A plugin adds an open-design.json sidecar. The mechanics are covered in 31 skills, 72 systems: how the Open Design library works, and the product argument is in Why we built Open Design as a skill layer, not a product.

The layout layer should follow the same pattern. It should be text the agent can read, state the UI can render, and metadata another agent can reuse.

In repo terms, that points at three surfaces:

SurfaceWhat it should carry
Artifact manifestStable IDs for sections, components, assets, and generated files
Plugin snapshotWhich skill, design system, inputs, and pipeline stages produced the artifact
Review UI / headless outputA layout map, editable aspects, and suggested edit intents

The important constraint: the layer should not become a second proprietary canvas. It should be a plain artifact map that travels with the files.

A practical shape for the layout layer

Here is the smallest version that would make agent-native design feel less opaque:

  1. Each generated artifact gets stable semantic IDs: hero, proof-strip, pricing, faq, final-cta.
  2. Each ID carries an intent sentence: “Explain the product promise in one screen,” not “top section.”
  3. Each section lists editable aspects: copy, density, layout, color, media, motion, data source.
  4. Each generated file links back to the section ID that produced it.
  5. Each review pass emits suggested edit intents: “shorten hero headline,” “increase contrast in pricing cards,” “split testimonial block.”
  6. The UI renders this as a navigator, while headless users receive the same structure as JSON or Markdown.

That is enough to let a designer say, “Change pricing.cards from three plans to two,” and enough to let a code agent patch the right file without guessing from pixels.

It also gives the community a clean contribution path. A contributor does not need to redesign the product to help here. They can write a plugin, a review atom, a manifest extension, or a test case around one artifact type. The layout layer becomes a public contract, not a private trick inside the app.

What to do next

If this is the kind of problem you want to work on, contribute a small skill or plugin that makes one artifact easier to inspect. Start with a concrete output: a landing page, a deck, or a mobile screen. Add stable section IDs, describe the editable aspects, and open the PR with a before/after artifact.

Contribute a skill.

Next step

See the implementation on GitHub

Open the repository to inspect the source, star the project, fork the workflow, or join our Discord to discuss what should land next.