[{"data":1,"prerenderedAt":163},["ShallowReactive",2],{"$frFGwmPkazmxoLL1vVmyAdQYpqf_OHsoITor6l2LdVmA":3},{"newThing":4,"project":5,"cycle":8,"sections":22,"threads":115,"otherDocs":119,"images":120,"archiveItems":153,"links":162},null,{"id":6,"label":7,"liveBase":4},"design","Design",{"id":9,"num":10,"dir":11,"name":12,"title":13,"focus":14,"status":15,"statusNote":4,"created":16,"completed":4,"mode":4,"recordless":17,"thumbnail":18,"imageCount":19,"artifactCount":20,"lastActivity":21,"hasPickup":17,"hasInitialPrompt":17},"c13",13,"c13.brochure-site-figma","brochure-site-figma","Brochure Site Figma","Create Figma components from Prose component library","archived","2026-03-10",false,"\u002Fcycles\u002Fdesign\u002Fc13-figma-prose.png",10,1,"2026-09-11",[23,37,47,94],{"key":24,"title":25,"empty":17,"ast":26},"why","Why",{"type":27,"children":28},"root",[29],{"type":30,"tag":31,"props":32,"children":33},"element","p",{},[34],{"type":35,"value":36},"text","The 12 Prose components are the building blocks of every Qpoint marketing page, but they exist only in code. Designers and stakeholders need a Figma equivalent to compose pages visually, review layouts, and collaborate without touching code.",{"key":38,"title":39,"empty":17,"ast":40},"objective","Objective",{"type":27,"children":41},[42],{"type":30,"tag":31,"props":43,"children":44},{},[45],{"type":35,"value":46},"Capture all 12 Prose components into a Figma file as reusable components, establish Code Connect mappings for bidirectional traceability, and document a repeatable sync workflow.",{"key":48,"title":49,"empty":17,"ast":50},"scope","Scope",{"type":27,"children":51},[52],{"type":30,"tag":53,"props":54,"children":55},"ul",{},[56,71,76,89],{"type":30,"tag":57,"props":58,"children":59},"li",{},[60,62,69],{"type":35,"value":61},"New showcase page: ",{"type":30,"tag":63,"props":64,"children":66},"code",{"className":65},[],[67],{"type":35,"value":68},"app\u002Fpages\u002Ffigma\u002Fprose.vue",{"type":35,"value":70}," (chrome-free, capture-ready)",{"type":30,"tag":57,"props":72,"children":73},{},[74],{"type":35,"value":75},"Figma file with all Prose components",{"type":30,"tag":57,"props":77,"children":78},{},[79,81,87],{"type":35,"value":80},"Code Connect mappings linking Figma nodes to ",{"type":30,"tag":63,"props":82,"children":84},{"className":83},[],[85],{"type":35,"value":86},"q-nuxt-layer\u002Fcomponents\u002Fprose\u002F",{"type":35,"value":88}," sources",{"type":30,"tag":57,"props":90,"children":91},{},[92],{"type":35,"value":93},"Sync workflow documentation",{"key":95,"title":96,"empty":17,"ast":97},"key-changes","Key Changes",{"type":27,"children":98},[99],{"type":30,"tag":53,"props":100,"children":101},{},[102],{"type":30,"tag":57,"props":103,"children":104},{},[105,107,113],{"type":35,"value":106},"Created ",{"type":30,"tag":63,"props":108,"children":110},{"className":109},[],[111],{"type":35,"value":112},"\u002Ffigma\u002Fprose",{"type":35,"value":114}," showcase page rendering all 12 Prose components with variants",[116],{"name":117,"prompt":118,"plan":4},"initia","initia-prompt.md",[],[121,124,128,131,134,137,140,143,146,149],{"src":18,"kind":122,"order":123},"hero",4999,{"src":125,"kind":126,"order":127},"\u002Fcycles\u002Fdesign\u002Fc13-figma-prose-2.png","slice",2,{"src":129,"kind":126,"order":130},"\u002Fcycles\u002Fdesign\u002Fc13-figma-prose-3.png",3,{"src":132,"kind":126,"order":133},"\u002Fcycles\u002Fdesign\u002Fc13-figma-prose-4.png",4,{"src":135,"kind":126,"order":136},"\u002Fcycles\u002Fdesign\u002Fc13-figma-prose-5.png",5,{"src":138,"kind":126,"order":139},"\u002Fcycles\u002Fdesign\u002Fc13-figma-prose-6.png",6,{"src":141,"kind":126,"order":142},"\u002Fcycles\u002Fdesign\u002Fc13-figma-prose-7.png",7,{"src":144,"kind":126,"order":145},"\u002Fcycles\u002Fdesign\u002Fc13-figma-prose-8.png",8,{"src":147,"kind":126,"order":148},"\u002Fcycles\u002Fdesign\u002Fc13-figma-prose-9.png",9,{"src":150,"kind":151,"order":152},"\u002Fcycles\u002Fdesign\u002Fc13-figma-prose-full.png","full",9000,[154],{"path":155,"title":156,"image":18,"gallery":157},"archive\u002F2026-q3\u002F2026-03-19-c13-figma-prose","Figma Prose Sheet",[158,160],{"src":18,"alt":159},"The chrome-free prose component sheet built for Figma import.",{"src":150,"alt":161},"Figma Prose Sheet — full page",[],1789151089437]