---
schema: 1
type: video
title: 'The Design-Code Roundtrip That Isn''t — Jonathan Gordon, ReWeaver AI'
description: >-
  Jonathan Gordon was deep in a vibe coding session, ignoring the wall of text
  scrolling past, when the phrase innerHTML caught his eye. He knew it as an
  injection risk, stopped the agent, and made it revert. That was the moment he
  started reading the code again. Gordon has spent more than thirty years
  building developer tools and IDEs, and he defines his title precisely: a
  design code roundtrip is a full loop both ways with no loss of fidelity and
  persistent provenance, so you always know which line of code produced the
  button in front of you. In three decades he never saw that handoff close,
  because design and engineering optimize for different outcomes. When a single
  intelligence could both read design intent and write code, he thought the loop
  might finally shut. It did not. He tried five tool setups for a bidirectional
  roundtrip and every one was lossy: bindings dropped, or a design change
  survived while the code did not. So he built ReWeaver, demonstrated publicly
  here for the first time, with generated code on one side, a Figma canvas on
  the other, and a button marked show drift. It scans both and reports across
  dimensions including design quality, performance, tokens, and accessibility,
  which he carries from his years at Microsoft. Models still emit components
  with no ARIA live region, so a screen reader announces nothing. Running twelve
  iterations on one codebase, pure model output started near thirty percent
  fidelity and decayed, while deterministic guardrails held it up. It never
  reaches a hundred, because the last stretch is human judgment. His name for
  drift that accumulates unwatched is the new tech debt. Speaker info: -
  https://x.com/reweaver_ai - https://www.linkedin.com/in/jongor/ -
  https://www.reweaver.ai Timestamps: 0:00 - Losing the speaker notes, and what
  a roundtrip means 2:10 - Thirty years of handoffs that never closed 3:37 -
  Going all in on vibe coding 5:27 - The innerHTML moment that made him read the
  code 6:20 - Testing the claim that the roundtrip is solved 7:40 - A harness
  with code on one side, design on the other 9:33 - Show drift, accessibility,
  and what it catches 11:50 - Deterministic guardrails versus pure model output
  14:06 - Human in control, not just in the loop 16:25 - Nine dimensions, and
  trying it yourself --- Watch along with the corrected transcript, summary,
  timestamps and resources on this talk's official AIE page:
  https://ai.engineer/talks/NW-jwOVr32w-youtube-99ba07873eab78e0f0b2 Join our
  upcoming AI Engineer conferences (see https://ai.engineer landing page): -
  AIEi Shanghai, November 5–6 — the first for meeting top Chinese labs and
  engineers - AIE CODE in SF, November 10–12 — the top AI Coding conference
  returns - AIEi Sydney, December 7–8 — the first AIEi run alongside NeurIPS
  2026 in Sydney ---
canonical: >-
  https://liquidgold.cc/channel/aidotengineer/explore/video/the-design-code-roundtrip-that-isn-t-jonathan-gordo-2a4ba619f7e8
markdown: >-
  https://liquidgold.cc/channel/aidotengineer/video/the-design-code-roundtrip-that-isn-t-jonathan-gordo-2a4ba619f7e8.md
llms: null
parent: 'https://liquidgold.cc/channel/aidotengineer.md'
channel: aidotengineer
updated: '2026-10-24T03:50:07.314Z'
language: null
children: []
videoId: NW-jwOVr32w
durationSeconds: 1117
publishedAt: '2026-09-10T14:30:11.000Z'
searchChunks:
  - ordinal: 0
    text: null
    startSeconds: 23
    endSeconds: 138
    watch: 'https://liquidgold.cc/watch/NW-jwOVr32w?t=23'
    heldReason: rights
  - ordinal: 1
    text: null
    startSeconds: 148
    endSeconds: 217
    watch: 'https://liquidgold.cc/watch/NW-jwOVr32w?t=148'
    heldReason: rights
  - ordinal: 2
    text: null
    startSeconds: 228
    endSeconds: 333
    watch: 'https://liquidgold.cc/watch/NW-jwOVr32w?t=228'
    heldReason: rights
  - ordinal: 3
    text: null
    startSeconds: 333
    endSeconds: 345
    watch: 'https://liquidgold.cc/watch/NW-jwOVr32w?t=333'
    heldReason: rights
  - ordinal: 4
    text: null
    startSeconds: 389
    endSeconds: 400
    watch: 'https://liquidgold.cc/watch/NW-jwOVr32w?t=389'
    heldReason: rights
  - ordinal: 5
    text: null
    startSeconds: 478
    endSeconds: 582
    watch: 'https://liquidgold.cc/watch/NW-jwOVr32w?t=478'
    heldReason: rights
  - ordinal: 6
    text: null
    startSeconds: 595
    endSeconds: 712
    watch: 'https://liquidgold.cc/watch/NW-jwOVr32w?t=595'
    heldReason: rights
  - ordinal: 7
    text: null
    startSeconds: 595
    endSeconds: 712
    watch: 'https://liquidgold.cc/watch/NW-jwOVr32w?t=595'
    heldReason: rights
  - ordinal: 8
    text: null
    startSeconds: 595
    endSeconds: 712
    watch: 'https://liquidgold.cc/watch/NW-jwOVr32w?t=595'
    heldReason: rights
  - ordinal: 9
    text: null
    startSeconds: 723
    endSeconds: 846
    watch: 'https://liquidgold.cc/watch/NW-jwOVr32w?t=723'
    heldReason: rights
  - ordinal: 10
    text: null
    startSeconds: 723
    endSeconds: 846
    watch: 'https://liquidgold.cc/watch/NW-jwOVr32w?t=723'
    heldReason: rights
  - ordinal: 11
    text: null
    startSeconds: 856
    endSeconds: 993
    watch: 'https://liquidgold.cc/watch/NW-jwOVr32w?t=856'
    heldReason: rights
  - ordinal: 12
    text: null
    startSeconds: 856
    endSeconds: 993
    watch: 'https://liquidgold.cc/watch/NW-jwOVr32w?t=856'
    heldReason: rights
  - ordinal: 13
    text: null
    startSeconds: 993
    endSeconds: 1004
    watch: 'https://liquidgold.cc/watch/NW-jwOVr32w?t=993'
    heldReason: rights
  - ordinal: 14
    text: null
    startSeconds: 1004
    endSeconds: 1117
    watch: 'https://liquidgold.cc/watch/NW-jwOVr32w?t=1004'
    heldReason: rights
  - ordinal: 15
    text: null
    startSeconds: 1004
    endSeconds: 1117
    watch: 'https://liquidgold.cc/watch/NW-jwOVr32w?t=1004'
    heldReason: rights
---


# The Design-Code Roundtrip That Isn't — Jonathan Gordon, ReWeaver AI

Jonathan Gordon was deep in a vibe coding session, ignoring the wall of text scrolling past, when the phrase innerHTML caught his eye. He knew it as an injection risk, stopped the agent, and made it revert. That was the moment he started reading the code again. Gordon has spent more than thirty years building developer tools and IDEs, and he defines his title precisely: a design code roundtrip is a full loop both ways with no loss of fidelity and persistent provenance, so you always know which line of code produced the button in front of you. In three decades he never saw that handoff close, because design and engineering optimize for different outcomes. When a single intelligence could both read design intent and write code, he thought the loop might finally shut. It did not. He tried five tool setups for a bidirectional roundtrip and every one was lossy: bindings dropped, or a design change survived while the code did not. So he built ReWeaver, demonstrated publicly here for the first time, with generated code on one side, a Figma canvas on the other, and a button marked show drift. It scans both and reports across dimensions including design quality, performance, tokens, and accessibility, which he carries from his years at Microsoft. Models still emit components with no ARIA live region, so a screen reader announces nothing. Running twelve iterations on one codebase, pure model output started near thirty percent fidelity and decayed, while deterministic guardrails held it up. It never reaches a hundred, because the last stretch is human judgment. His name for drift that accumulates unwatched is the new tech debt. Speaker info: - https://x.com/reweaver_ai - https://www.linkedin.com/in/jongor/ - https://www.reweaver.ai Timestamps: 0:00 - Losing the speaker notes, and what a roundtrip means 2:10 - Thirty years of handoffs that never closed 3:37 - Going all in on vibe coding 5:27 - The innerHTML moment that made him read the code 6:20 - Testing the claim that the roundtrip is solved 7:40 - A harness with code on one side, design on the other 9:33 - Show drift, accessibility, and what it catches 11:50 - Deterministic guardrails versus pure model output 14:06 - Human in control, not just in the loop 16:25 - Nine dimensions, and trying it yourself --- Watch along with the corrected transcript, summary, timestamps and resources on this talk's official AIE page: https://ai.engineer/talks/NW-jwOVr32w-youtube-99ba07873eab78e0f0b2 Join our upcoming AI Engineer conferences (see https://ai.engineer landing page): - AIEi Shanghai, November 5–6 — the first for meeting top Chinese labs and engineers - AIE CODE in SF, November 10–12 — the top AI Coding conference returns - AIEi Sydney, December 7–8 — the first AIEi run alongside NeurIPS 2026 in Sydney ---

Canonical: https://liquidgold.cc/channel/aidotengineer/explore/video/the-design-code-roundtrip-that-isn-t-jonathan-gordo-2a4ba619f7e8 · Channel: [AI Engineer](https://liquidgold.cc/channel/aidotengineer.md)

> Search chunk text is held until public-source provenance is verified.

## Document chunks

> Missing: no stored document chunks are available.
