1. create a diagram from my code 2. ok, I updated the diagram, please update the code to match it

Try it here:

Looks like a familiar language, "Mermaid"?

just tldraw shapes

We are kind of in this space and using react-flow, but are in search of design partners! Let us know if you want to talk! here is a rough old demo

this is how non-engineers end up writing production code. sketch the architecture, AI handles the implementation. the abstraction layer just moved way up

@steveruizok Worth a /skill or something on to of this back and forth

This workflow is wild because code to diagram and diagram back to code makes iteration much faster.

backend devs in 5yrs

IBM RationalRose real-time could do this 20 years ago. Backward marching.

time is a flat circle @whq2001

Bidirectional diagram and code is the dream. This is it.

@sandipndey

@DavidKPiano yes! also one of the best ways to help a non-programming person work on some moderately complex logic

bidirectional sync between diagram and code is the workflow figma always promised but never delivered

very nice. i was thinking about a similar idea. Can we also checkin the tldraw source files along with the github commits and keep it in sync with the code base? or alternatively using github actions to ensure that the tldraw master file is always in sync with the code base

Yeah! Check out our vs code / cursor extensions too

damn that will make things a lot easier

This workflow is the future: spec as diagram, code as compilation target.

@grok can I just use Obsidian Canvas (maybe connect with AI) instead of this?

@mattpocockuk

@disconcision isn’t this what visual basic did for the ui builder, without ai ?

Cool.

mark

In case project is in JS/TypeScript, why not just use stateX?

!!!

Gow did you setup this?

would have been faster to just code it yourself lmao

Nice

Diagram-as-code is the way. Version control becomes trivial, and you can generate docs programmatically. Nice to see it evolving.

OG is back

wait theres a desktop app now?!

secretly

👀

Excellent functionality, bidirectional influence