5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/05lj3a0qaa006.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/368p63l4oh_7-.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/413kuej600yyw.js","/creators-assets/_next/static/immutable/chunks/02hyzon6wywme.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T622,

Build a flow map from your CMS in three steps. Drop a Collection List into the Nodes (CMS) slot and turn off its Pagination. Name the text layers in your CMS item "Title" and "Body". Optionally add a "Connects to" layer (titles or item numbers, comma separated) and a "Lane" layer (column number or name). Every CMS item becomes a node, and lines follow Connects to. Without it, nodes join in collection order.

Your list is never changed; the map shows its own copy of each item. The list is read and hidden, so a Load more button is not shown. Hover effects and interactions inside CMS items are not carried over to the nodes; links inside items work as normal links. Connects to and Lane are read, then hidden. With Style CMS nodes on, items get the node card, colours and text size; turn it off to keep your own design. Layer names can be changed in the layer fields.

No CMS yet? Leave the slot empty and place nodes by grid column and row, with keys, tones, links and connections that turn down, across or go direct.

Lines start and end on node edges and stay aligned when nodes differ in height, fonts load or the page resizes. Reduced motion shows the finished map.

On phones the lines give way to a stacked list where each node says where it leads. Screen readers hear the connections as sentences and CMS titles as headings.

The canvas shows a still preview: hand-made maps with their lines, and a Collection List as-is. CMS nodes and lines appear in Preview and on the published site.

5a:[["$","$L5d",null,{"post":{"id":"01a067df-eee2-705a-85f1-7f1e957dca06","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"82d016d2-8113-4080-8f2a-7c3796dceab4","name":"ulz song","slug":"ulz-song","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82d016d2-8113-4080-8f2a-7c3796dceab4/cyjym4k1","followed":false,"followsYou":false},"media":[],"resources":[{"id":"KGj9KiJliaBaiIYnGTZt","resolved":true,"title":"Aisol Flow Map","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Build a flow map from your CMS in three steps. Drop a Collection List into the Nodes (CMS) slot and turn off its Pagination. Name the text layers in your CMS item \"Title\" and \"Body\". Optionally add a \"Connects to\" layer (titles or item numbers, comma separated) and a \"Lane\" layer (column number or name). Every CMS item becomes a node, and lines follow Connects to. Without it, nodes join in collection order."}]},{"type":"paragraph","content":[{"type":"text","text":"Your list is never changed; the map shows its own copy of each item. The list is read and hidden, so a Load more button is not shown. Hover effects and interactions inside CMS items are not carried over to the nodes; links inside items work as normal links. Connects to and Lane are read, then hidden. With Style CMS nodes on, items get the node card, colours and text size; turn it off to keep your own design. Layer names can be changed in the layer fields."}]},{"type":"paragraph","content":[{"type":"text","text":"No CMS yet? Leave the slot empty and place nodes by grid column and row, with keys, tones, links and connections that turn down, across or go direct."}]},{"type":"paragraph","content":[{"type":"text","text":"Lines start and end on node edges and stay aligned when nodes differ in height, fonts load or the page resizes. Reduced motion shows the finished map."}]},{"type":"paragraph","content":[{"type":"text","text":"On phones the lines give way to a stacked list where each node says where it leads. Screen readers hear the connections as sentences and CMS titles as headings."}]},{"type":"paragraph","content":[{"type":"text","text":"The canvas shows a still preview: hand-made maps with their lines, and a Collection List as-is. CMS nodes and lines appear in Preview and on the published site."}]}]},"introduction":"Steps, and the lines between","slug":"aisol-flow-map","author":{"framerUserId":"82d016d2-8113-4080-8f2a-7c3796dceab4","name":"ulz song","slug":"ulz-song","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82d016d2-8113-4080-8f2a-7c3796dceab4/cyjym4k1","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82d016d2-8113-4080-8f2a-7c3796dceab4/01a067df-910e-702d-bee9-048eb8d6119a.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-03T15:25:23.361Z","updatedAt":"2026-10-02T10:49:28.314Z","publishedAt":"2026-09-03T15:25:23.358Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://thistle-timing-694660.framer.app/aisol-flow-map","price":"8","paymentUrl":"https://payhip.com/b/St8Jf","workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"5htjeepqvHl0ZnbWSTPd","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-03T15:25:24.067Z","updatedAt":"2026-09-03T15:25:24.067Z","reported":false}}],"$L5f"]

Suggested for you