CINXE.COM
<!doctype html><html lang="en"><head><title data-rh="true">Organising Design Work in Figma — A Systemic Guide and Framework | by Preethi Shreeya | Zeta Design</title><meta data-rh="true" charset="utf-8"/><meta data-rh="true" name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,maximum-scale=1"/><meta data-rh="true" name="theme-color" content="#000000"/><meta data-rh="true" name="twitter:app:name:iphone" content="Medium"/><meta data-rh="true" name="twitter:app:id:iphone" content="828256236"/><meta data-rh="true" property="al:ios:app_name" content="Medium"/><meta data-rh="true" property="al:ios:app_store_id" content="828256236"/><meta data-rh="true" property="al:android:package" content="com.medium.reader"/><meta data-rh="true" property="fb:app_id" content="542599432471018"/><meta data-rh="true" property="og:site_name" content="Medium"/><meta data-rh="true" property="og:type" content="article"/><meta data-rh="true" property="article:published_time" content="2023-12-11T17:24:28.979Z"/><meta data-rh="true" name="title" content="Organising Design Work in Figma — A Systemic Guide and Framework | by Preethi Shreeya | Zeta Design"/><meta data-rh="true" property="og:title" content="Organising Design Work in Figma — A Systemic Guide and Framework"/><meta data-rh="true" property="al:android:url" content="medium://p/6b9839d7adff"/><meta data-rh="true" property="al:ios:url" content="medium://p/6b9839d7adff"/><meta data-rh="true" property="al:android:app_name" content="Medium"/><meta data-rh="true" name="description" content="For digital designers who want to organise their working files to improve clarity and collaboration within and across teams"/><meta data-rh="true" property="og:description" content="For digital designers who want to organise their working files to improve clarity and collaboration within and across teams"/><meta data-rh="true" property="og:url" content="https://design.zeta.in/organising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff"/><meta data-rh="true" property="al:web:url" content="https://design.zeta.in/organising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff"/><meta data-rh="true" property="og:image" content="https://miro.medium.com/v2/resize:fit:1200/1*wFq2Z3I5zOEQvb07zHJo2w.jpeg"/><meta data-rh="true" property="article:author" content="https://preethishreeya.medium.com"/><meta data-rh="true" name="author" content="Preethi Shreeya"/><meta data-rh="true" name="robots" content="index,noarchive,follow,max-image-preview:large"/><meta data-rh="true" name="referrer" content="unsafe-url"/><meta data-rh="true" property="twitter:title" content="Organising Design Work in Figma — A Systemic Guide and Framework"/><meta data-rh="true" name="twitter:site" content="@zetaindia"/><meta data-rh="true" name="twitter:app:url:iphone" content="medium://p/6b9839d7adff"/><meta data-rh="true" property="twitter:description" content="For digital designers who want to organise their working files to improve clarity and collaboration within and across teams"/><meta data-rh="true" name="twitter:image:src" content="https://miro.medium.com/v2/resize:fit:1200/1*wFq2Z3I5zOEQvb07zHJo2w.jpeg"/><meta data-rh="true" name="twitter:card" content="summary_large_image"/><meta data-rh="true" name="twitter:creator" content="@shreypreeth"/><meta data-rh="true" name="twitter:label1" content="Reading time"/><meta data-rh="true" name="twitter:data1" content="9 min read"/><link data-rh="true" rel="icon" href="https://miro.medium.com/v2/resize:fill:256:256/1*7FG4sDTdzgBNYQL3onKlXQ.png"/><link data-rh="true" rel="search" type="application/opensearchdescription+xml" title="Medium" href="/osd.xml"/><link data-rh="true" rel="apple-touch-icon" sizes="152x152" href="https://miro.medium.com/v2/resize:fill:304:304/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="120x120" href="https://miro.medium.com/v2/resize:fill:240:240/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="76x76" href="https://miro.medium.com/v2/resize:fill:152:152/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="60x60" href="https://miro.medium.com/v2/resize:fill:120:120/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="mask-icon" href="https://miro.medium.com/v2/resize:fill:1000:1000/7*GAOKVe--MXbEJmV9230oOQ.png" color="#171717"/><link data-rh="true" id="glyph_preload_link" rel="preload" as="style" type="text/css" href="https://glyph.medium.com/css/unbound.css"/><link data-rh="true" id="glyph_link" rel="stylesheet" type="text/css" href="https://glyph.medium.com/css/unbound.css"/><link data-rh="true" rel="author" href="https://preethishreeya.medium.com"/><link data-rh="true" rel="canonical" href="https://design.zeta.in/organising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff"/><link data-rh="true" rel="alternate" href="android-app://com.medium.reader/https/medium.com/p/6b9839d7adff"/><script data-rh="true" type="application/ld+json">{"@context":"http:\u002F\u002Fschema.org","@type":"NewsArticle","image":["https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fit:1200\u002F1*wFq2Z3I5zOEQvb07zHJo2w.jpeg"],"url":"https:\u002F\u002Fdesign.zeta.in\u002Forganising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff","dateCreated":"2021-03-23T10:55:28.851Z","datePublished":"2021-03-23T10:55:28.851Z","dateModified":"2023-12-11T17:24:28.979Z","headline":"Organising Design Work in Figma — A Systemic Guide and Framework","name":"Organising Design Work in Figma — A Systemic Guide and Framework","description":"For digital designers who want to organise their working files to improve clarity and collaboration within and across teams","identifier":"6b9839d7adff","author":{"@type":"Person","name":"Preethi Shreeya","url":"https:\u002F\u002Fpreethishreeya.medium.com"},"creator":["Preethi Shreeya"],"publisher":{"@type":"Organization","name":"Zeta Design","url":"design.zeta.in","logo":{"@type":"ImageObject","width":300,"height":60,"url":"https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fit:600\u002F1*Vjz4OlxhDF68YL7pwRL-Rg.png"}},"mainEntityOfPage":"https:\u002F\u002Fdesign.zeta.in\u002Forganising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff"}</script><style type="text/css" data-fela-rehydration="614" data-fela-type="STATIC">html{box-sizing:border-box;-webkit-text-size-adjust:100%}*, *:before, *:after{box-sizing:inherit}body{margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,0.8);position:relative;min-height:100vh}h1, h2, h3, h4, h5, h6, dl, dd, ol, ul, menu, figure, blockquote, p, pre, form{margin:0}menu, ol, ul{padding:0;list-style:none;list-style-image:none}main{display:block}a{color:inherit;text-decoration:none}a, button, input{-webkit-tap-highlight-color:transparent}img, svg{vertical-align:middle}button{background:transparent;overflow:visible}button, input, optgroup, select, textarea{margin:0}:root{--reach-tabs:1;--reach-menu-button:1}#speechify-root{font-family:Sohne, sans-serif}div[data-popper-reference-hidden="true"]{visibility:hidden;pointer-events:none}.grecaptcha-badge{visibility:hidden} /*XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>*/.hljs {background: #fff;color: black; }/* Gray DOCTYPE selectors like WebKit */ .xml .hljs-meta {color: #c0c0c0; }.hljs-comment, .hljs-quote {color: #007400; }.hljs-tag, .hljs-attribute, .hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-name {color: #aa0d91; }.hljs-variable, .hljs-template-variable {color: #3F6E74; }.hljs-code, .hljs-string, .hljs-meta .hljs-string {color: #c41a16; }.hljs-regexp, .hljs-link {color: #0E0EFF; }.hljs-title, .hljs-symbol, .hljs-bullet, .hljs-number {color: #1c00cf; }.hljs-section, .hljs-meta {color: #643820; }.hljs-title.class_, .hljs-class .hljs-title, .hljs-type, .hljs-built_in, .hljs-params {color: #5c2699; }.hljs-attr {color: #836C28; }.hljs-subst {color: #000; }.hljs-formula {background-color: #eee;font-style: italic; }.hljs-addition {background-color: #baeeba; }.hljs-deletion {background-color: #ffc8bd; }.hljs-selector-id, .hljs-selector-class {color: #9b703f; }.hljs-doctag, .hljs-strong {font-weight: bold; }.hljs-emphasis {font-style: italic; } </style><style type="text/css" data-fela-rehydration="614" data-fela-type="KEYFRAME">@-webkit-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@-moz-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}</style><style type="text/css" data-fela-rehydration="614" data-fela-type="RULE">.a{font-family:medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}.b{font-weight:400}.c{background-color:rgba(255, 255, 255, 1)}.l{display:block}.m{position:sticky}.n{top:0}.o{z-index:500}.p{padding:0 24px}.q{align-items:center}.r{border-bottom:solid 1px #F2F2F2}.y{height:41px}.z{line-height:20px}.ab{display:flex}.ac{height:57px}.ae{flex:1 0 auto}.af{color:inherit}.ag{fill:inherit}.ah{font-size:inherit}.ai{border:inherit}.aj{font-family:inherit}.ak{letter-spacing:inherit}.al{font-weight:inherit}.am{padding:0}.an{margin:0}.ao{cursor:pointer}.ap:disabled{cursor:not-allowed}.aq:disabled{color:#6B6B6B}.ar:disabled{fill:#6B6B6B}.au{width:auto}.av path{fill:#242424}.aw{height:25px}.ax{margin-left:16px}.ay{border:none}.az{border-radius:20px}.ba{width:240px}.bb{background:#F9F9F9}.bc path{fill:#6B6B6B}.be{outline:none}.bf{font-family:sohne, "Helvetica Neue", Helvetica, Arial, sans-serif}.bg{font-size:14px}.bh{width:100%}.bi{padding:10px 20px 10px 0}.bj{background-color:transparent}.bk{color:#242424}.bl::placeholder{color:#6B6B6B}.bm{display:inline-block}.bn{margin-left:12px}.bo{margin-right:12px}.bp{border-radius:4px}.bq{margin-left:24px}.br{height:24px}.bx{background-color:#F9F9F9}.by{border-radius:50%}.bz{height:32px}.ca{width:32px}.cb{justify-content:center}.ch{max-width:680px}.ci{min-width:0}.cj{animation:k1 1.2s ease-in-out infinite}.ck{height:100vh}.cl{margin-bottom:16px}.cm{margin-top:48px}.cn{align-items:flex-start}.co{flex-direction:column}.cp{justify-content:space-between}.cq{margin-bottom:24px}.cw{width:80%}.cx{background-color:#F2F2F2}.dd{height:44px}.de{width:44px}.df{margin:auto 0}.dg{margin-bottom:4px}.dh{height:16px}.di{width:120px}.dj{width:80px}.dp{margin-bottom:8px}.dq{width:96%}.dr{width:98%}.ds{width:81%}.dt{margin-left:8px}.du{color:#6B6B6B}.dv{font-size:13px}.dw{height:100%}.ep{color:#FFFFFF}.eq{fill:#FFFFFF}.er{background:rgba(148, 116, 198, 1)}.es{border-color:rgba(148, 116, 198, 1)}.ew:disabled{cursor:inherit !important}.ex:disabled{opacity:0.3}.ey:disabled:hover{background:rgba(148, 116, 198, 1)}.ez:disabled:hover{border-color:rgba(148, 116, 198, 1)}.fa{border-radius:99em}.fb{border-width:1px}.fc{border-style:solid}.fd{box-sizing:border-box}.fe{text-decoration:none}.ff{text-align:center}.fi{margin-right:32px}.fj{position:relative}.fk{fill:#6B6B6B}.fn{background:transparent}.fo svg{margin-left:4px}.fp svg{fill:#6B6B6B}.fr{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.05)}.fs{position:absolute}.fz{margin:0 24px}.gd{background:rgba(255, 255, 255, 1)}.ge{border:1px solid #F2F2F2}.gf{box-shadow:0 1px 4px #F2F2F2}.gg{max-height:100vh}.gh{overflow-y:auto}.gi{left:0}.gj{top:calc(100vh + 100px)}.gk{bottom:calc(100vh + 100px)}.gl{width:10px}.gm{pointer-events:none}.gn{word-break:break-word}.go{word-wrap:break-word}.gp:after{display:block}.gq:after{content:""}.gr:after{clear:both}.gs{line-height:1.23}.gt{letter-spacing:0}.gu{font-style:normal}.gv{font-weight:700}.hq{margin-bottom:-0.27em}.hr{line-height:1.394}.im{align-items:baseline}.in{width:48px}.io{height:48px}.ip{border:2px solid rgba(255, 255, 255, 1)}.iq{z-index:0}.ir{box-shadow:none}.is{border:1px solid rgba(0, 0, 0, 0.05)}.it{margin-left:-12px}.iu{width:28px}.iv{height:28px}.iw{z-index:1}.ix{width:24px}.iy{margin-bottom:2px}.iz{flex-wrap:nowrap}.ja{font-size:16px}.jb{line-height:24px}.jd{margin:0 8px}.je{display:inline}.jf{color:rgba(148, 116, 198, 1)}.jg{fill:rgba(148, 116, 198, 1)}.jj{flex:0 0 auto}.jm{flex-wrap:wrap}.jp{white-space:pre-wrap}.jq{margin-right:4px}.jr{overflow:hidden}.js{max-height:20px}.jt{text-overflow:ellipsis}.ju{display:-webkit-box}.jv{-webkit-line-clamp:1}.jw{-webkit-box-orient:vertical}.jx{word-break:break-all}.jz{padding-left:8px}.ka{padding-right:8px}.lb> *{flex-shrink:0}.lc{overflow-x:scroll}.ld::-webkit-scrollbar{display:none}.le{scrollbar-width:none}.lf{-ms-overflow-style:none}.lg{width:74px}.lh{flex-direction:row}.li{z-index:2}.ll{-webkit-user-select:none}.lm{border:0}.ln{fill:rgba(117, 117, 117, 1)}.lq{outline:0}.lr{user-select:none}.ls> svg{pointer-events:none}.mb{cursor:progress}.mc{margin-left:4px}.md{margin-top:0px}.me{opacity:1}.mf{padding:4px 0}.mi{width:16px}.mk{display:inline-flex}.mq{max-width:100%}.mr{padding:8px 2px}.ms svg{color:#6B6B6B}.nj{margin-left:auto}.nk{margin-right:auto}.nl{max-width:2880px}.nr{clear:both}.nt{cursor:zoom-in}.nu{z-index:auto}.nw{height:auto}.nx{margin-top:10px}.ny{max-width:728px}.ob{background:none}.oc{box-shadow:inset 3px 0 0 0 #242424}.od{padding-left:23px}.oe{margin-left:-20px}.of{line-height:1.58}.og{letter-spacing:-0.004em}.oh{font-style:italic}.oi{font-family:source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif}.pb{margin-bottom:-0.46em}.pc{text-decoration:underline}.pd{line-height:1.12}.pe{letter-spacing:-0.022em}.pf{font-weight:600}.py{margin-bottom:-0.28em}.qe{margin:auto}.qf{padding-bottom:60.45977011494253%}.qg{height:0}.qh{max-width:7005px}.qi{padding-bottom:48.04597701149425%}.qj{max-width:6480px}.qk{line-height:1.18}.qy{margin-bottom:-0.31em}.qz{max-width:6481px}.ra{max-width:1933px}.rb{max-width:5917px}.rc{max-width:3293px}.rd{padding-bottom:99.17355371900827%}.re{max-width:5294px}.rf{padding-left:30px}.rg{line-height:40px}.rh{letter-spacing:-0.009em}.ri{font-weight:300}.rj{font-size:28px}.rp{max-width:13440px}.rv{list-style-type:disc}.rw{margin-left:30px}.rx{padding-left:0px}.si{margin-top:32px}.sj{margin-bottom:14px}.sk{padding-top:24px}.sl{padding-bottom:10px}.sm{background-color:#000000}.sn{height:3px}.so{width:3px}.sp{margin-right:20px}.sq{padding-bottom:56.25%}.sr{padding-bottom:54.48275862068966%}.ss{margin-bottom:26px}.st{margin-top:6px}.su{margin-top:8px}.sv{margin-right:8px}.sw{padding:8px 16px}.sx{border-radius:100px}.sy{transition:background 300ms ease}.ta{white-space:nowrap}.tb{border-top:none}.tc{height:52px}.td{max-height:52px}.te{box-sizing:content-box}.tf{position:static}.th{max-width:155px}.ts{height:0px}.tt{margin-bottom:40px}.tu{margin-bottom:48px}.ui{border-radius:2px}.uk{height:64px}.ul{width:64px}.um{align-self:flex-end}.un{color:rgba(255, 255, 255, 1)}.uo{fill:rgba(255, 255, 255, 1)}.up{background:rgba(25, 25, 25, 1)}.uq{border-color:rgba(25, 25, 25, 1)}.ut:disabled{opacity:0.1}.uu:disabled:hover{background:rgba(25, 25, 25, 1)}.uv:disabled:hover{border-color:rgba(25, 25, 25, 1)}.uw{flex:1 1 auto}.vc{padding-right:4px}.vd{font-weight:500}.vk{margin-top:16px}.vt{gap:18px}.vu{fill:rgba(61, 61, 61, 1)}.vw{fill:#242424}.vx{background:0}.vy{border-color:#242424}.vz:disabled:hover{color:#242424}.wa:disabled:hover{fill:#242424}.wb:disabled:hover{border-color:#242424}.wm{border-bottom:solid 1px #E5E5E5}.wn{margin-top:72px}.wo{padding:24px 0}.wp{margin-bottom:0px}.wq{margin-right:16px}.as:hover:not(:disabled){color:rgba(25, 25, 25, 1)}.at:hover:not(:disabled){fill:rgba(25, 25, 25, 1)}.et:hover{background:rgba(126, 101, 166, 1)}.eu:hover{border-color:rgba(126, 101, 166, 1)}.ev:hover{cursor:pointer}.fl:hover{color:#242424}.fm:hover{fill:#242424}.fq:hover svg{fill:#242424}.ft:hover{background-color:rgba(0, 0, 0, 0.1)}.jc:hover{text-decoration:underline}.jh:hover:not(:disabled){color:rgba(126, 101, 166, 1)}.ji:hover:not(:disabled){fill:rgba(126, 101, 166, 1)}.lp:hover{fill:rgba(8, 8, 8, 1)}.mg:hover{fill:#000000}.mh:hover p{color:#000000}.mj:hover{color:#000000}.mt:hover svg{color:#000000}.sz:hover{background-color:#F2F2F2}.uj:hover{background-color:none}.ur:hover{background:#000000}.us:hover{border-color:#242424}.vv:hover{fill:rgba(25, 25, 25, 1)}.bd:focus-within path{fill:#242424}.lo:focus{fill:rgba(8, 8, 8, 1)}.mu:focus svg{color:#000000}.nv:focus{transform:scale(1.01)}.lt:active{border-style:none}</style><style type="text/css" data-fela-rehydration="614" data-fela-type="RULE" media="all and (min-width: 1080px)">.d{display:none}.bw{width:64px}.cg{margin:0 64px}.cv{height:48px}.dc{margin-bottom:52px}.do{margin-bottom:48px}.ef{font-size:14px}.eg{line-height:20px}.em{font-size:13px}.eo{padding:5px 12px}.fh{display:flex}.fy{margin-bottom:68px}.gc{max-width:680px}.hm{font-size:42px}.hn{margin-top:1.19em}.ho{line-height:52px}.hp{letter-spacing:-0.011em}.ie{font-size:22px}.if{margin-top:0.92em}.ig{line-height:28px}.il{align-items:center}.kn{border-top:solid 1px #F2F2F2}.ko{border-bottom:solid 1px #F2F2F2}.kp{margin:32px 0 0}.kq{padding:3px 8px}.kz> *{margin-right:24px}.la> :last-child{margin-right:0}.ma{margin-top:0px}.mp{margin:0}.nq{margin-top:56px}.ox{font-size:20px}.oy{margin-top:2.14em}.oz{line-height:32px}.pa{letter-spacing:-0.003em}.pu{font-size:24px}.pv{margin-top:1.95em}.pw{line-height:30px}.px{letter-spacing:-0.016em}.qd{margin-top:0.94em}.qv{margin-top:1.72em}.qw{line-height:24px}.qx{letter-spacing:0}.ro{margin-top:1.75em}.ru{margin-top:66px}.sc{margin-top:1.14em}.sh{margin-top:2.64em}.tm{display:inline-block}.tr{margin-bottom:104px}.tv{flex-direction:row}.ty{margin-bottom:0}.tz{margin-right:20px}.ux{max-width:500px}.vp{margin-bottom:88px}.vs{margin-bottom:72px}.wg{width:min-width}.wl{padding-top:72px}</style><style type="text/css" data-fela-rehydration="614" data-fela-type="RULE" media="all and (max-width: 1079.98px)">.e{display:none}.lz{margin-top:0px}.nz{margin-left:auto}.oa{text-align:center}.tl{display:inline-block}</style><style type="text/css" data-fela-rehydration="614" data-fela-type="RULE" media="all and (max-width: 903.98px)">.f{display:none}.ly{margin-top:0px}.tk{display:inline-block}</style><style type="text/css" data-fela-rehydration="614" data-fela-type="RULE" media="all and (max-width: 727.98px)">.g{display:none}.lw{margin-top:0px}.lx{margin-right:0px}.tj{display:inline-block}</style><style type="text/css" data-fela-rehydration="614" data-fela-type="RULE" media="all and (max-width: 551.98px)">.h{display:none}.s{display:flex}.t{justify-content:space-between}.bs{width:24px}.cc{margin:0 24px}.cr{height:40px}.cy{margin-bottom:44px}.dk{margin-bottom:32px}.dx{font-size:13px}.dy{line-height:20px}.eh{padding:0px 8px 1px}.fu{margin-bottom:4px}.gw{font-size:32px}.gx{margin-top:1.01em}.gy{line-height:38px}.gz{letter-spacing:-0.014em}.hs{font-size:18px}.ht{margin-top:0.79em}.hu{line-height:24px}.ih{align-items:flex-start}.jk{flex-direction:column}.jn{margin-bottom:2px}.kb{margin:24px -24px 0}.kc{padding:0}.kr> *{margin-right:8px}.ks> :last-child{margin-right:24px}.lj{margin-left:0px}.lu{margin-top:0px}.lv{margin-right:0px}.ml{margin:0}.mv{border:1px solid #F2F2F2}.mw{border-radius:99em}.mx{padding:0px 16px 0px 12px}.my{height:38px}.mz{align-items:center}.nb svg{margin-right:8px}.nm{margin-top:40px}.oj{margin-top:1.56em}.ok{line-height:28px}.ol{letter-spacing:-0.003em}.pg{font-size:20px}.ph{margin-top:1.2em}.pi{letter-spacing:0}.pz{margin-top:0.67em}.ql{font-size:16px}.qm{margin-top:1.23em}.rk{margin-top:1.08em}.rq{margin-top:48px}.ry{margin-top:1.34em}.sd{margin-top:2em}.ti{display:inline-block}.tn{margin-bottom:96px}.ug{margin-bottom:20px}.uh{margin-right:0}.vb{max-width:100%}.ve{font-size:24px}.vf{line-height:30px}.vg{letter-spacing:-0.016em}.vl{margin-bottom:64px}.wc{width:100%}.wh{padding-top:48px}.na:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="614" data-fela-type="RULE" media="all and (min-width: 904px) and (max-width: 1079.98px)">.i{display:none}.bv{width:64px}.cf{margin:0 64px}.cu{height:48px}.db{margin-bottom:52px}.dn{margin-bottom:48px}.ed{font-size:14px}.ee{line-height:20px}.ek{font-size:13px}.el{padding:5px 12px}.fg{display:flex}.fx{margin-bottom:68px}.gb{max-width:680px}.hi{font-size:42px}.hj{margin-top:1.19em}.hk{line-height:52px}.hl{letter-spacing:-0.011em}.ib{font-size:22px}.ic{margin-top:0.92em}.id{line-height:28px}.ik{align-items:center}.kj{border-top:solid 1px #F2F2F2}.kk{border-bottom:solid 1px #F2F2F2}.kl{margin:32px 0 0}.km{padding:3px 8px}.kx> *{margin-right:24px}.ky> :last-child{margin-right:0}.mo{margin:0}.np{margin-top:56px}.ot{font-size:20px}.ou{margin-top:2.14em}.ov{line-height:32px}.ow{letter-spacing:-0.003em}.pq{font-size:24px}.pr{margin-top:1.95em}.ps{line-height:30px}.pt{letter-spacing:-0.016em}.qc{margin-top:0.94em}.qs{margin-top:1.72em}.qt{line-height:24px}.qu{letter-spacing:0}.rn{margin-top:1.75em}.rt{margin-top:66px}.sb{margin-top:1.14em}.sg{margin-top:2.64em}.tq{margin-bottom:104px}.tw{flex-direction:row}.ua{margin-bottom:0}.ub{margin-right:20px}.uy{max-width:500px}.vo{margin-bottom:88px}.vr{margin-bottom:72px}.wf{width:min-width}.wk{padding-top:72px}</style><style type="text/css" data-fela-rehydration="614" data-fela-type="RULE" media="all and (min-width: 728px) and (max-width: 903.98px)">.j{display:none}.w{display:flex}.x{justify-content:space-between}.bu{width:64px}.ce{margin:0 48px}.ct{height:48px}.da{margin-bottom:52px}.dm{margin-bottom:48px}.eb{font-size:13px}.ec{line-height:20px}.ej{padding:0px 8px 1px}.fw{margin-bottom:68px}.ga{max-width:680px}.he{font-size:42px}.hf{margin-top:1.19em}.hg{line-height:52px}.hh{letter-spacing:-0.011em}.hy{font-size:22px}.hz{margin-top:0.92em}.ia{line-height:28px}.ij{align-items:center}.kf{border-top:solid 1px #F2F2F2}.kg{border-bottom:solid 1px #F2F2F2}.kh{margin:32px 0 0}.ki{padding:3px 8px}.kv> *{margin-right:24px}.kw> :last-child{margin-right:0}.mn{margin:0}.no{margin-top:56px}.op{font-size:20px}.oq{margin-top:2.14em}.or{line-height:32px}.os{letter-spacing:-0.003em}.pm{font-size:24px}.pn{margin-top:1.95em}.po{line-height:30px}.pp{letter-spacing:-0.016em}.qb{margin-top:0.94em}.qp{margin-top:1.72em}.qq{line-height:24px}.qr{letter-spacing:0}.rm{margin-top:1.75em}.rs{margin-top:66px}.sa{margin-top:1.14em}.sf{margin-top:2.64em}.tp{margin-bottom:104px}.tx{flex-direction:row}.uc{margin-bottom:0}.ud{margin-right:20px}.uz{max-width:500px}.vn{margin-bottom:88px}.vq{margin-bottom:72px}.we{width:min-width}.wj{padding-top:72px}</style><style type="text/css" data-fela-rehydration="614" data-fela-type="RULE" media="all and (min-width: 552px) and (max-width: 727.98px)">.k{display:none}.u{display:flex}.v{justify-content:space-between}.bt{width:24px}.cd{margin:0 24px}.cs{height:40px}.cz{margin-bottom:44px}.dl{margin-bottom:32px}.dz{font-size:13px}.ea{line-height:20px}.ei{padding:0px 8px 1px}.fv{margin-bottom:4px}.ha{font-size:32px}.hb{margin-top:1.01em}.hc{line-height:38px}.hd{letter-spacing:-0.014em}.hv{font-size:18px}.hw{margin-top:0.79em}.hx{line-height:24px}.ii{align-items:flex-start}.jl{flex-direction:column}.jo{margin-bottom:2px}.kd{margin:24px 0 0}.ke{padding:0}.kt> *{margin-right:8px}.ku> :last-child{margin-right:8px}.lk{margin-left:0px}.mm{margin:0}.nc{border:1px solid #F2F2F2}.nd{border-radius:99em}.ne{padding:0px 16px 0px 12px}.nf{height:38px}.ng{align-items:center}.ni svg{margin-right:8px}.nn{margin-top:40px}.om{margin-top:1.56em}.on{line-height:28px}.oo{letter-spacing:-0.003em}.pj{font-size:20px}.pk{margin-top:1.2em}.pl{letter-spacing:0}.qa{margin-top:0.67em}.qn{font-size:16px}.qo{margin-top:1.23em}.rl{margin-top:1.08em}.rr{margin-top:48px}.rz{margin-top:1.34em}.se{margin-top:2em}.to{margin-bottom:96px}.ue{margin-bottom:20px}.uf{margin-right:0}.va{max-width:100%}.vh{font-size:24px}.vi{line-height:30px}.vj{letter-spacing:-0.016em}.vm{margin-bottom:64px}.wd{width:100%}.wi{padding-top:48px}.nh:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="614" data-fela-type="RULE" media="print">.tg{display:none}</style><style type="text/css" data-fela-rehydration="614" data-fela-type="RULE" media="(orientation: landscape) and (max-width: 903.98px)">.jy{max-height:none}</style><style type="text/css" data-fela-rehydration="614" data-fela-type="RULE" media="(prefers-reduced-motion: no-preference)">.ns{transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1)}</style></head><body><div id="root"><div class="a b c"><div class="d e f g h i j k"></div><script>document.domain = document.domain;</script><div class="l c"><div class="l m n o c"><div class="p q r s t u v w x i d y z"><a class="du ag dv bf ak b am an ao ap aq ar as at s u w i d q dw z" href="https://rsci.app.link/?%24canonical_url=https%3A%2F%2Fmedium.com%2Fp%2F6b9839d7adff&%7Efeature=LoOpenInAppButton&%7Echannel=ShowPostUnderCollection&source=---top_nav_layout_nav----------------------------------" rel="noopener follow">Open in app<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none" viewBox="0 0 10 10" class="dt"><path fill="currentColor" d="M.985 8.485a.375.375 0 1 0 .53.53zM8.75 1.25h.375A.375.375 0 0 0 8.75.875zM8.375 6.5a.375.375 0 1 0 .75 0zM3.5.875a.375.375 0 1 0 0 .75zm-1.985 8.14 7.5-7.5-.53-.53-7.5 7.5zm6.86-7.765V6.5h.75V1.25zM3.5 1.625h5.25v-.75H3.5z"></path></svg></a><div class="ab q"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="bf b dx dy eh dz ea ei eb ec ej ek ee el em eg eo ep eq er es et eu ev ew ex ey ez fa fb fc fd bm fe ff" data-testid="headerSignUpButton" href="https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Forganising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff&source=post_page---top_nav_layout_nav-----------------------global_nav-----------" rel="noopener follow">Sign up</a></span></p><div class="ax l"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSignInButton" href="https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fdesign.zeta.in%2Forganising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff&source=post_page---top_nav_layout_nav-----------------------global_nav-----------" rel="noopener follow">Sign in</a></span></p></div></div></div><div class="p q r ab ac"><div class="ab q ae"><a class="af ag ah ai aj ak al am an ao ap aq ar as at ab" aria-label="Homepage" data-testid="headerMediumLogo" href="https://medium.com/?source=---top_nav_layout_nav----------------------------------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="719" height="160" fill="none" viewBox="0 0 719 160" class="au av aw"><path fill="#242424" d="m174.104 9.734.215-.047V8.02H130.39L89.6 103.89 48.81 8.021H1.472v1.666l.212.047c8.018 1.81 12.09 4.509 12.09 14.242V137.93c0 9.734-4.087 12.433-12.106 14.243l-.212.047v1.671h32.118v-1.665l-.213-.048c-8.018-1.809-12.089-4.509-12.089-14.242V30.586l52.399 123.305h2.972l53.925-126.743V140.75c-.687 7.688-4.721 10.062-11.982 11.701l-.215.05v1.652h55.948v-1.652l-.215-.05c-7.269-1.639-11.4-4.013-12.087-11.701l-.037-116.774h.037c0-9.733 4.071-12.432 12.087-14.242m25.555 75.488c.915-20.474 8.268-35.252 20.606-35.507 3.806.063 6.998 1.312 9.479 3.714 5.272 5.118 7.751 15.812 7.368 31.793zm-.553 5.77h65.573v-.275c-.186-15.656-4.721-27.834-13.466-36.196-7.559-7.227-18.751-11.203-30.507-11.203h-.263c-6.101 0-13.584 1.48-18.909 4.16-6.061 2.807-11.407 7.003-15.855 12.511-7.161 8.874-11.499 20.866-12.554 34.343q-.05.606-.092 1.212a50 50 0 0 0-.065 1.151 85.807 85.807 0 0 0-.094 5.689c.71 30.524 17.198 54.917 46.483 54.917 25.705 0 40.675-18.791 44.407-44.013l-1.886-.664c-6.557 13.556-18.334 21.771-31.738 20.769-18.297-1.369-32.314-19.922-31.042-42.395m139.722 41.359c-2.151 5.101-6.639 7.908-12.653 7.908s-11.513-4.129-15.418-11.63c-4.197-8.053-6.405-19.436-6.405-32.92 0-28.067 8.729-46.22 22.24-46.22 5.657 0 10.111 2.807 12.236 7.704zm43.499 20.008c-8.019-1.897-12.089-4.722-12.089-14.951V1.309l-48.716 14.353v1.757l.299-.024c6.72-.543 11.278.386 13.925 2.83 2.072 1.915 3.082 4.853 3.082 8.987v18.66c-4.803-3.067-10.516-4.56-17.448-4.56-14.059 0-26.909 5.92-36.176 16.672-9.66 11.205-14.767 26.518-14.767 44.278-.003 31.72 15.612 53.039 38.851 53.039 13.595 0 24.533-7.449 29.54-20.013v16.865h43.711v-1.746zM424.1 19.819c0-9.904-7.468-17.374-17.375-17.374-9.859 0-17.573 7.632-17.573 17.374s7.721 17.374 17.573 17.374c9.907 0 17.375-7.47 17.375-17.374m11.499 132.546c-8.019-1.897-12.089-4.722-12.089-14.951h-.035V43.635l-43.714 12.551v1.705l.263.024c9.458.842 12.047 4.1 12.047 15.152v81.086h43.751v-1.746zm112.013 0c-8.018-1.897-12.089-4.722-12.089-14.951V43.635l-41.621 12.137v1.71l.246.026c7.733.813 9.967 4.257 9.967 15.36v59.279c-2.578 5.102-7.415 8.131-13.274 8.336-9.503 0-14.736-6.419-14.736-18.073V43.638l-43.714 12.55v1.703l.262.024c9.459.84 12.05 4.097 12.05 15.152v50.17a56.3 56.3 0 0 0 .91 10.444l.787 3.423c3.701 13.262 13.398 20.197 28.59 20.197 12.868 0 24.147-7.966 29.115-20.43v17.311h43.714v-1.747zm169.818 1.788v-1.749l-.213-.05c-8.7-2.006-12.089-5.789-12.089-13.49v-63.79c0-19.89-11.171-31.761-29.883-31.761-13.64 0-25.141 7.882-29.569 20.16-3.517-13.01-13.639-20.16-28.606-20.16-13.146 0-23.449 6.938-27.869 18.657V43.643L545.487 55.68v1.715l.263.024c9.345.829 12.047 4.181 12.047 14.95v81.784h40.787v-1.746l-.215-.053c-6.941-1.631-9.181-4.606-9.181-12.239V66.998c1.836-4.289 5.537-9.37 12.853-9.37 9.086 0 13.692 6.296 13.692 18.697v77.828h40.797v-1.746l-.215-.053c-6.94-1.631-9.18-4.606-9.18-12.239V75.066a42 42 0 0 0-.578-7.26c1.947-4.661 5.86-10.177 13.475-10.177 9.214 0 13.691 6.114 13.691 18.696v77.828z"></path></svg></a><div class="ax h"><div class="ab ay az ba bb q bc bd"><div class="bm" aria-hidden="false" aria-describedby="searchResults" aria-labelledby="searchResults"></div><div class="bn bo ab"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.092 11.06a6.95 6.95 0 1 1 13.9 0 6.95 6.95 0 0 1-13.9 0m6.95-8.05a8.05 8.05 0 1 0 5.13 14.26l3.75 3.75a.56.56 0 1 0 .79-.79l-3.73-3.73A8.05 8.05 0 0 0 11.042 3z" clip-rule="evenodd"></path></svg></div><input role="combobox" aria-controls="searchResults" aria-expanded="false" aria-label="search" data-testid="headerSearchInput" tabindex="0" class="ay be bf bg z bh bi bj bk bl" placeholder="Search" value=""/></div></div></div><div class="h k w fg fh"><div class="fi ab"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerWriteButton" href="https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fmedium.com%2Fnew-story&source=---top_nav_layout_nav-----------------------new_post_topnav-----------" rel="noopener follow"><div class="bf b bg z du fj fk ab q fl fm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" aria-label="Write"><path fill="currentColor" d="M14 4a.5.5 0 0 0 0-1zm7 6a.5.5 0 0 0-1 0zm-7-7H4v1h10zM3 4v16h1V4zm1 17h16v-1H4zm17-1V10h-1v10zm-1 1a1 1 0 0 0 1-1h-1zM3 20a1 1 0 0 0 1 1v-1zM4 3a1 1 0 0 0-1 1h1z"></path><path stroke="currentColor" d="m17.5 4.5-8.458 8.458a.25.25 0 0 0-.06.098l-.824 2.47a.25.25 0 0 0 .316.316l2.47-.823a.25.25 0 0 0 .098-.06L19.5 6.5m-2-2 2.323-2.323a.25.25 0 0 1 .354 0l1.646 1.646a.25.25 0 0 1 0 .354L19.5 6.5m-2-2 2 2"></path></svg><div class="dt l">Write</div></div></a></span></div></div><div class="k j i d"><div class="fi ab"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSearchButton" href="https://medium.com/search?source=---top_nav_layout_nav----------------------------------" rel="noopener follow"><div class="bf b bg z du fj fk ab q fl fm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" aria-label="Search"><path fill="currentColor" fill-rule="evenodd" d="M4.092 11.06a6.95 6.95 0 1 1 13.9 0 6.95 6.95 0 0 1-13.9 0m6.95-8.05a8.05 8.05 0 1 0 5.13 14.26l3.75 3.75a.56.56 0 1 0 .79-.79l-3.73-3.73A8.05 8.05 0 0 0 11.042 3z" clip-rule="evenodd"></path></svg></div></a></div></div><div class="fi h k j"><div class="ab q"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="bf b dx dy eh dz ea ei eb ec ej ek ee el em eg eo ep eq er es et eu ev ew ex ey ez fa fb fc fd bm fe ff" data-testid="headerSignUpButton" href="https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Forganising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff&source=post_page---top_nav_layout_nav-----------------------global_nav-----------" rel="noopener follow">Sign up</a></span></p><div class="ax l"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSignInButton" href="https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fdesign.zeta.in%2Forganising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff&source=post_page---top_nav_layout_nav-----------------------global_nav-----------" rel="noopener follow">Sign in</a></span></p></div></div></div><div class="l" aria-hidden="false"><button class="ay fn am ab q ao fo fp fq" aria-label="user options menu" data-testid="headerUserIcon"><div class="l fj"><img alt="" class="l fd by bz ca cx" src="https://miro.medium.com/v2/resize:fill:64:64/1*dmbNkD5D-u45r44go_cf0g.png" width="32" height="32" loading="lazy" role="presentation"/><div class="fr by l bz ca fs n ay ft"></div></div></button></div></div></div><div class="l"><div class="fu fv fw fx fy l"><div class="ab cb"><div class="ci bh fz ga gb gc"></div></div><article><div class="l"><div class="l"><span class="l"></span><section><div><div class="fs gi gj gk gl gm"></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><div><h1 id="54ef" class="pw-post-title gs gt gu bf gv gw gx gy gz ha hb hc hd he hf hg hh hi hj hk hl hm hn ho hp hq bk" data-testid="storyTitle">Organising Design Work in Figma — A Systemic Guide and Framework</h1></div><div><h2 id="49dd" class="pw-subtitle-paragraph hr gt gu bf b hs ht hu hv hw hx hy hz ia ib ic id ie if ig cq du">For digital designers who want to organise their working files to improve clarity and collaboration within and across teams</h2><div><div class="speechify-ignore ab cp"><div class="speechify-ignore bh l"><div class="ih ii ij ik il ab"><div><div class="ab im"><div><div class="bm" aria-hidden="false"><a href="https://preethishreeya.medium.com/?source=post_page---byline--6b9839d7adff--------------------------------" rel="noopener follow"><div class="l in io by ip iq"><div class="l fj"><img alt="Preethi Shreeya" class="l fd by dd de cx" src="https://miro.medium.com/v2/resize:fill:88:88/1*YODBcdd6N71d5PAopFu1Vw.jpeg" width="44" height="44" loading="lazy" data-testid="authorPhoto"/><div class="ir by l dd de fs n is ft"></div></div></div></a></div></div><div class="it ab fj"><div><div class="bm" aria-hidden="false"><a href="https://design.zeta.in/?source=post_page---byline--6b9839d7adff--------------------------------" rel="noopener ugc nofollow"><div class="l iu iv by ip iw"><div class="l fj"><img alt="Zeta Design" class="l fd by br ix cx" src="https://miro.medium.com/v2/resize:fill:48:48/1*7FG4sDTdzgBNYQL3onKlXQ.png" width="24" height="24" loading="lazy" data-testid="publicationPhoto"/><div class="ir by l br ix fs n is ft"></div></div></div></a></div></div></div></div></div><div class="bn bh l"><div class="ab"><div style="flex:1"><span class="bf b bg z bk"><div class="iy ab q"><div class="ab q iz"><div class="ab q"><div><div class="bm" aria-hidden="false"><p class="bf b ja jb bk"><a class="af ag ah ai aj ak al am an ao ap aq ar jc" data-testid="authorName" href="https://preethishreeya.medium.com/?source=post_page---byline--6b9839d7adff--------------------------------" rel="noopener follow">Preethi Shreeya</a></p></div></div></div><span class="jd je" aria-hidden="true"><span class="bf b bg z du">·</span></span><p class="bf b ja jb du"><span><a class="jf jg ah ai aj ak al am an ao ap aq ar ex jh ji" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2Fd558dad921b&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Forganising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff&user=Preethi+Shreeya&userId=d558dad921b&source=post_page-d558dad921b--byline--6b9839d7adff---------------------post_header-----------" rel="noopener follow">Follow</a></span></p></div></div></span></div></div><div class="l jj"><span class="bf b bg z du"><div class="ab cn jk jl jm"><div class="jn jo ab"><div class="bf b bg z du ab jp"><span class="jq l jj">Published in</span><div><div class="l" aria-hidden="false"><a class="af ag ah ai aj ak al am an ao ap aq ar jc ab q" data-testid="publicationName" href="https://design.zeta.in/?source=post_page---byline--6b9839d7adff--------------------------------" rel="noopener ugc nofollow"><p class="bf b bg z jr js jt ju jv jw jx jy bk">Zeta Design</p></a></div></div></div><div class="h k"><span class="jd je" aria-hidden="true"><span class="bf b bg z du">·</span></span></div></div><span class="bf b bg z du"><div class="ab ae"><span data-testid="storyReadTime">9 min read</span><div class="jz ka l" aria-hidden="true"><span class="l" aria-hidden="true"><span class="bf b bg z du">·</span></span></div><span data-testid="storyPublishDate">Mar 23, 2021</span></div></span></div></span></div></div></div><div class="ab cp kb kc kd ke kf kg kh ki kj kk kl km kn ko kp kq"><div class="h k w fg fh q"><div class="lg l"><div class="ab q lh li"><div class="pw-multi-vote-icon fj jq lj lk ll"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerClapButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fzeta-design%2F6b9839d7adff&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Forganising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff&user=Preethi+Shreeya&userId=d558dad921b&source=---header_actions--6b9839d7adff---------------------clap_footer-----------" rel="noopener follow"><div><div class="bm" aria-hidden="false"><div class="lm ao ln lo lp lq am lr ls lt ll"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l lu lv lw lx ly lz ma"><p class="bf b dv z du"><span class="mb">--</span></p></div></div></div><div><div class="bm" aria-hidden="false"><button class="ao lm me mf ab q fk mg mh" aria-label="responses"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="md"><path d="M18.006 16.803c1.533-1.456 2.234-3.325 2.234-5.321C20.24 7.357 16.709 4 12.191 4S4 7.357 4 11.482c0 4.126 3.674 7.482 8.191 7.482.817 0 1.622-.111 2.393-.327.231.2.48.391.744.559 1.06.693 2.203 1.044 3.399 1.044.224-.008.4-.112.486-.287a.49.49 0 0 0-.042-.518c-.495-.67-.845-1.364-1.04-2.057a4 4 0 0 1-.125-.598zm-3.122 1.055-.067-.223-.315.096a8 8 0 0 1-2.311.338c-4.023 0-7.292-2.955-7.292-6.587 0-3.633 3.269-6.588 7.292-6.588 4.014 0 7.112 2.958 7.112 6.593 0 1.794-.608 3.469-2.027 4.72l-.195.168v.255c0 .056 0 .151.016.295.025.231.081.478.154.733.154.558.398 1.117.722 1.659a5.3 5.3 0 0 1-2.165-.845c-.276-.176-.714-.383-.941-.59z"></path></svg><p class="bf b dv z du"><span class="pw-responses-count mc md">3</span></p></button></div></div></div><div class="ab q kr ks kt ku kv kw kx ky kz la lb lc ld le lf"><div class="mi k j i d"></div><div class="h k"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerBookmarkButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F6b9839d7adff&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Forganising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff&source=---header_actions--6b9839d7adff---------------------bookmark_footer-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="du mj" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div><div class="fd mk cn"><div class="l ae"><div class="ab cb"><div class="ml mm mn mo mp mq ci bh"><div class="ab"><div class="bm bh" aria-hidden="false"><div><div class="bm" aria-hidden="false"><button aria-label="Listen" data-testid="audioPlayButton" class="af fk ah ai aj ak al mr an ao ap ex ms mt mh mu mv mw mx my s mz na nb nc nd ne nf u ng nh ni"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0m9-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m3.376 10.416-4.599 3.066a.5.5 0 0 1-.777-.416V8.934a.5.5 0 0 1 .777-.416l4.599 3.066a.5.5 0 0 1 0 .832" clip-rule="evenodd"></path></svg><div class="j i d"><p class="bf b bg z du">Listen</p></div></button></div></div></div></div></div></div></div></div><div class="bm" aria-hidden="false" aria-describedby="postFooterSocialMenu" aria-labelledby="postFooterSocialMenu"><div><div class="bm" aria-hidden="false"><button aria-controls="postFooterSocialMenu" aria-expanded="false" aria-label="Share Post" data-testid="headerSocialShareButton" class="af fk ah ai aj ak al mr an ao ap ex ms mt mh mu mv mw mx my s mz na nb nc nd ne nf u ng nh ni"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.218 4.931a.4.4 0 0 1-.118.132l.012.006a.45.45 0 0 1-.292.074.5.5 0 0 1-.3-.13l-2.02-2.02v7.07c0 .28-.23.5-.5.5s-.5-.22-.5-.5v-7.04l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.79a.42.42 0 0 1 .068.498m-.106.138.008.004v-.01zM16 7.063h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11c-1.1 0-2-.9-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.15.5.5 0 0 1 .15.35.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9v-10.2c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1" clip-rule="evenodd"></path></svg><div class="j i d"><p class="bf b bg z du">Share</p></div></button></div></div></div></div></div></div></div></div></div><figure class="nm nn no np nq nr nj nk paragraph-image"><div role="button" tabindex="0" class="ns nt fj nu bh nv"><div class="nj nk nl"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*wFq2Z3I5zOEQvb07zHJo2w.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*wFq2Z3I5zOEQvb07zHJo2w.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*wFq2Z3I5zOEQvb07zHJo2w.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*wFq2Z3I5zOEQvb07zHJo2w.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*wFq2Z3I5zOEQvb07zHJo2w.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*wFq2Z3I5zOEQvb07zHJo2w.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*wFq2Z3I5zOEQvb07zHJo2w.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*wFq2Z3I5zOEQvb07zHJo2w.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*wFq2Z3I5zOEQvb07zHJo2w.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*wFq2Z3I5zOEQvb07zHJo2w.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*wFq2Z3I5zOEQvb07zHJo2w.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*wFq2Z3I5zOEQvb07zHJo2w.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*wFq2Z3I5zOEQvb07zHJo2w.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/1*wFq2Z3I5zOEQvb07zHJo2w.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh mq nw c" width="700" height="302" loading="eager" role="presentation"/></picture></div></div><figcaption class="nx ff ny nj nk nz oa bf b bg z du">Organising Design Work (Cover Image by <span class="je"><span class="je" aria-hidden="false"><a class="ob jf fe" href="https://medium.com/u/a94240008425?source=post_page---user_mention--6b9839d7adff--------------------------------" rel="noopener" target="_blank">Aakansha Menon</a></span></span>)</figcaption></figure><blockquote class="oc od oe"><p id="a999" class="of og oh oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk">Update: <a class="af pc" href="https://www.figma.com/community/file/1119570359580533212/design-annotations-file-template-setup-2-0" rel="noopener ugc nofollow" target="_blank">Version 2.0 is here</a> with new components and detailed documentation. <a class="af pc" href="https://www.figma.com/community/file/956104597852044734/design-annotations-file-template-setup-1-0" rel="noopener ugc nofollow" target="_blank">Version 1.0 </a>is still in operation.</p></blockquote><h1 id="435f" class="pd pe gu bf pf pg ph hu pi pj pk hx pl pm pn po pp pq pr ps pt pu pv pw px py bk">The need for order in the chaos</h1><p id="4e5c" class="pw-post-body-paragraph of og gu oi b hs pz ok ol hv qa on oo op qb or os ot qc ov ow ox qd oz pa pb gn bk">As designers, we work with chaos. By chaos, what I mean is the way we get to come up with solutions for real-world problems. Whenever there’s a challenge to solve, we first try to understand if the challenge exists for real people, and if it does, we think about the intricacies of the problem at hand — like the viewpoints that are not surfaced at the top, the un-obvious elements at play and so forth. With enough understanding of the problem, we move on to finding solutions as the next step. This step is the messiest of the lot — there are no definite ways to arrive at the right solution other than to experiment aplenty and iterate on those that satisfy the needs of real people.</p><p id="0b43" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk">As a designer, you will also be using different design methodologies, and tools at every stage of the design process to figure things out. Sometimes, there is a need for divergent thinking and sometimes to converge. The job of a designer then becomes about how to approach a problem to arrive at a suitable solution — and these approaches aren’t linear or straightforward.</p><p id="213d" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk">Thus, we establish that chaos is inherent and in fact enriching our everyday design work. Now that we are well aware of the chaos in the process of design, it’s time to confirm why we need order alongside the chaotic nature of the work we do.</p><p id="4c84" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk"><em class="oh">Situation 1: </em>Let’s say you are trying to find something that you are looking for from the dozens of design iterations you have made. Unless you have a photographic memory, it is easy to lose track of things after a while when you start working on multiple projects.</p><figure class="nm nn no np nq nr"><div class="qe jr l fj"><div class="qf qg l"></div></div><figcaption class="nx ff ny nj nk nz oa bf b bg z du">“900 years and counting — Still can’t find what I am looking for”</figcaption></figure><p id="0a72" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk"><em class="oh">Situation 2:</em> Let’s say the screens you have designed are in review. Someone from your team wants to offer you feedback on the designs you’ve made, but they find it difficult to navigate the file you’ve shared with them. They are also not sure of the nature of feedback to offer — functional or visual, in-depth or casual.</p><figure class="nm nn no np nq nr nj nk paragraph-image"><div role="button" tabindex="0" class="ns nt fj nu bh nv"><div class="nj nk qh"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*QRGehaH8CE0_0auSbbRRFw.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*QRGehaH8CE0_0auSbbRRFw.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*QRGehaH8CE0_0auSbbRRFw.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*QRGehaH8CE0_0auSbbRRFw.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*QRGehaH8CE0_0auSbbRRFw.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*QRGehaH8CE0_0auSbbRRFw.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*QRGehaH8CE0_0auSbbRRFw.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*QRGehaH8CE0_0auSbbRRFw.png 640w, https://miro.medium.com/v2/resize:fit:720/1*QRGehaH8CE0_0auSbbRRFw.png 720w, https://miro.medium.com/v2/resize:fit:750/1*QRGehaH8CE0_0auSbbRRFw.png 750w, https://miro.medium.com/v2/resize:fit:786/1*QRGehaH8CE0_0auSbbRRFw.png 786w, https://miro.medium.com/v2/resize:fit:828/1*QRGehaH8CE0_0auSbbRRFw.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*QRGehaH8CE0_0auSbbRRFw.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*QRGehaH8CE0_0auSbbRRFw.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh mq nw c" width="700" height="409" loading="lazy" role="presentation"/></picture></div></div><figcaption class="nx ff ny nj nk nz oa bf b bg z du">The Force can’t help with the disorderly mess</figcaption></figure><p id="dcd9" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk"><em class="oh">Situation 3:</em> Let’s say someone from outside of your team is accessing your design file. They can’t seem to find enough context about the problem that you’re trying to solve or the research that you’ve made to arrive at the solution at hand. It limits them the opportunity to find inspiration in the hours of work you’ve put in.</p><figure class="nm nn no np nq nr"><div class="qe jr l fj"><div class="qi qg l"></div></div><figcaption class="nx ff ny nj nk nz oa bf b bg z du">Heart troubles trying to navigate and understand design files</figcaption></figure><p id="d3f9" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk">These and plenty more of such situations that occur with every design project necessitates <strong class="oi gv"><em class="oh">guidelines for organising information </em></strong>(for lack of a shorter phrase). To better view, navigate, and digest the information by everyone that’s involved in a project, we need systems in place that can provide structure to the chaos. This means that we find a place for everything (including a place for disordered data) and have the available information described and connected well enough for future reference for everyone.</p><p id="5dc5" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk">In this article, we will look at how to go about solving this ‘<em class="oh">organising information’</em> problem in a systemic way.</p><h1 id="ba05" class="pd pe gu bf pf pg ph hu pi pj pk hx pl pm pn po pp pq pr ps pt pu pv pw px py bk">The bottom-up approach of organising information (using Figma)</h1><figure class="nm nn no np nq nr nj nk paragraph-image"><div role="button" tabindex="0" class="ns nt fj nu bh nv"><div class="nj nk qj"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*TYb0s72A7EmqlFDYk08ryw.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*TYb0s72A7EmqlFDYk08ryw.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*TYb0s72A7EmqlFDYk08ryw.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*TYb0s72A7EmqlFDYk08ryw.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*TYb0s72A7EmqlFDYk08ryw.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*TYb0s72A7EmqlFDYk08ryw.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*TYb0s72A7EmqlFDYk08ryw.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*TYb0s72A7EmqlFDYk08ryw.png 640w, https://miro.medium.com/v2/resize:fit:720/1*TYb0s72A7EmqlFDYk08ryw.png 720w, https://miro.medium.com/v2/resize:fit:750/1*TYb0s72A7EmqlFDYk08ryw.png 750w, https://miro.medium.com/v2/resize:fit:786/1*TYb0s72A7EmqlFDYk08ryw.png 786w, https://miro.medium.com/v2/resize:fit:828/1*TYb0s72A7EmqlFDYk08ryw.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*TYb0s72A7EmqlFDYk08ryw.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*TYb0s72A7EmqlFDYk08ryw.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh mq nw c" width="700" height="392" loading="lazy" role="presentation"/></picture></div></div><figcaption class="nx ff ny nj nk nz oa bf b bg z du">Orders of information</figcaption></figure><h2 id="696d" class="qk pe gu bf pf ql qm dy pi qn qo ea pl op qp qq qr ot qs qt qu ox qv qw qx qy bk">First-order of information</h2><p id="395c" class="pw-post-body-paragraph of og gu oi b hs pz ok ol hv qa on oo op qb or os ot qc ov ow ox qd oz pa pb gn bk">Every task that we carry out as designers result in data (aka output) that’s associated with the problem we are trying to solve. Let’s take an example that can live through this article for easy reference and explanation. Let’s say you are asked to come up with research and designs for a personal finance management application (single/multiple members can be working on this project).</p><p id="bab7" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk">All of the output of this initiative belongs to the first order in the information structure. These include the research documents that we come up with, competitor research screenshots, solution explorations, the final design screens themselves, prototypes, UX audit screens, and so on. Think of them as the individual pieces of information that are ultimately looked up by anyone, but unclassified.</p><figure class="nm nn no np nq nr nj nk paragraph-image"><div role="button" tabindex="0" class="ns nt fj nu bh nv"><div class="nj nk qz"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*sHj9NVYutUsJaboc3Vu2AQ.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*sHj9NVYutUsJaboc3Vu2AQ.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*sHj9NVYutUsJaboc3Vu2AQ.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*sHj9NVYutUsJaboc3Vu2AQ.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*sHj9NVYutUsJaboc3Vu2AQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*sHj9NVYutUsJaboc3Vu2AQ.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*sHj9NVYutUsJaboc3Vu2AQ.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*sHj9NVYutUsJaboc3Vu2AQ.png 640w, https://miro.medium.com/v2/resize:fit:720/1*sHj9NVYutUsJaboc3Vu2AQ.png 720w, https://miro.medium.com/v2/resize:fit:750/1*sHj9NVYutUsJaboc3Vu2AQ.png 750w, https://miro.medium.com/v2/resize:fit:786/1*sHj9NVYutUsJaboc3Vu2AQ.png 786w, https://miro.medium.com/v2/resize:fit:828/1*sHj9NVYutUsJaboc3Vu2AQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*sHj9NVYutUsJaboc3Vu2AQ.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*sHj9NVYutUsJaboc3Vu2AQ.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh mq nw c" width="700" height="392" loading="lazy" role="presentation"/></picture></div></div><figcaption class="nx ff ny nj nk nz oa bf b bg z du">1st order — All data</figcaption></figure><h2 id="dcbc" class="qk pe gu bf pf ql qm dy pi qn qo ea pl op qp qq qr ot qs qt qu ox qv qw qx qy bk">Second-order of information</h2><p id="c244" class="pw-post-body-paragraph of og gu oi b hs pz ok ol hv qa on oo op qb or os ot qc ov ow ox qd oz pa pb gn bk">In the second-order of information, there is <em class="oh">information about the information </em>(metadata). This means it provides information about the output we have come up with. In the context of <a class="af pc" href="https://www.zeta.tech/in" rel="noopener ugc nofollow" target="_blank">Zeta</a> (a payment-focussed company that has numerous initiatives), we have devised two types of metadata called <em class="oh">Projects</em> and <em class="oh">Activities</em>.</p><p id="7fc7" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk"><strong class="oi gv">Projects</strong> are the higher-level metadata that gives information about the initiative at hand, which includes relevant documents, people involved in the project, its goals, and related information. There can be different Projects for an initiative while designing a personal finance management application. For example, <em class="oh">‘research and designs for Savings’</em>, and <em class="oh">‘Tax Management’ </em>can be two (or more depending upon how you’d like to segment) Projects within the same initiative that we picked. Similarly, designing the screens for the <em class="oh">‘Indian market’</em> and the <em class="oh">‘US market’</em> can be two different Projects under the same initiative. The Project information is present on the first page of the file as it provides the best overview of how the work is segmented inside the file.</p><p id="2a6e" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk"><strong class="oi gv">Activities</strong> are the lower-level metadata that gives information about the work-streams or the different tasks that we do to complete a Project. All of the Activities are linked to their respective Projects with current statuses. Activities can begin with research and end in usability testing depending on what’s needed for a project.</p><figure class="nm nn no np nq nr nj nk paragraph-image"><div role="button" tabindex="0" class="ns nt fj nu bh nv"><div class="nj nk qj"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*qlxVprlz_GU0dEdCyJ1a2w.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*qlxVprlz_GU0dEdCyJ1a2w.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*qlxVprlz_GU0dEdCyJ1a2w.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*qlxVprlz_GU0dEdCyJ1a2w.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*qlxVprlz_GU0dEdCyJ1a2w.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*qlxVprlz_GU0dEdCyJ1a2w.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*qlxVprlz_GU0dEdCyJ1a2w.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*qlxVprlz_GU0dEdCyJ1a2w.png 640w, https://miro.medium.com/v2/resize:fit:720/1*qlxVprlz_GU0dEdCyJ1a2w.png 720w, https://miro.medium.com/v2/resize:fit:750/1*qlxVprlz_GU0dEdCyJ1a2w.png 750w, https://miro.medium.com/v2/resize:fit:786/1*qlxVprlz_GU0dEdCyJ1a2w.png 786w, https://miro.medium.com/v2/resize:fit:828/1*qlxVprlz_GU0dEdCyJ1a2w.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*qlxVprlz_GU0dEdCyJ1a2w.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*qlxVprlz_GU0dEdCyJ1a2w.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh mq nw c" width="700" height="392" loading="lazy" role="presentation"/></picture></div></div><figcaption class="nx ff ny nj nk nz oa bf b bg z du">2nd order — Meta data (Activities and Projects)</figcaption></figure><h2 id="a127" class="qk pe gu bf pf ql qm dy pi qn qo ea pl op qp qq qr ot qs qt qu ox qv qw qx qy bk">Third-order of organising</h2><p id="5d40" class="pw-post-body-paragraph of og gu oi b hs pz ok ol hv qa on oo op qb or os ot qc ov ow ox qd oz pa pb gn bk">Activities can further be grouped into design stages. At Zeta, we have primarily broken down the process of design into 3 simple stages. <em class="oh">Understand, Build, and Test</em>. Everything else like <em class="oh">Overview, Local Components, Style Guide, and Archive</em> are given their respective places, separated out from the design stages.</p><p id="b448" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk"><strong class="oi gv">Understand</strong></p><p id="27b0" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk">This stage has Activities that are taken up during the initial stages of design before they get picked for development. Like User Stories, Competitor Analysis, Journey Mapping, Information Architecture, and Mood-boards.</p><p id="5671" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk"><strong class="oi gv">Build</strong></p><p id="c947" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk">This stage has the designs, prototypes, and presentations that will be used by the development/sales team for building the product/sales pitches. This stage covers the output of the Activities that are intended to be picked up for screen design discussions and development. They also include initial design explorations.</p><p id="7079" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk"><strong class="oi gv">Test</strong></p><p id="739a" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk">This stage has all of the Activities that involve maintaining the quality of the end results from the Build stage, including UX Audits, and Activities that gather usability data on the designs or the research made. Measurement is key to any design process and this phase is dedicated to Activities that contribute to evaluating the design work.</p><figure class="nm nn no np nq nr nj nk paragraph-image"><div role="button" tabindex="0" class="ns nt fj nu bh nv"><div class="nj nk ra"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*55hQIg6qsDRPMWXk_CyXYQ.gif 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*55hQIg6qsDRPMWXk_CyXYQ.gif 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*55hQIg6qsDRPMWXk_CyXYQ.gif 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*55hQIg6qsDRPMWXk_CyXYQ.gif 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*55hQIg6qsDRPMWXk_CyXYQ.gif 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*55hQIg6qsDRPMWXk_CyXYQ.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*55hQIg6qsDRPMWXk_CyXYQ.gif 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*55hQIg6qsDRPMWXk_CyXYQ.gif 640w, https://miro.medium.com/v2/resize:fit:720/1*55hQIg6qsDRPMWXk_CyXYQ.gif 720w, https://miro.medium.com/v2/resize:fit:750/1*55hQIg6qsDRPMWXk_CyXYQ.gif 750w, https://miro.medium.com/v2/resize:fit:786/1*55hQIg6qsDRPMWXk_CyXYQ.gif 786w, https://miro.medium.com/v2/resize:fit:828/1*55hQIg6qsDRPMWXk_CyXYQ.gif 828w, https://miro.medium.com/v2/resize:fit:1100/1*55hQIg6qsDRPMWXk_CyXYQ.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/1*55hQIg6qsDRPMWXk_CyXYQ.gif 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh mq nw c" width="700" height="392" loading="lazy" role="presentation"/></picture></div></div><figcaption class="nx ff ny nj nk nz oa bf b bg z du">3rd order — Meta meta-data (Activities and Projects)</figcaption></figure><h1 id="4d01" class="pd pe gu bf pf pg ph hu pi pj pk hx pl pm pn po pp pq pr ps pt pu pv pw px py bk">Derived principles for the guidelines</h1><p id="8f47" class="pw-post-body-paragraph of og gu oi b hs pz ok ol hv qa on oo op qb or os ot qc ov ow ox qd oz pa pb gn bk">With the multi-order approach of organising information in place, we came up with components that we found good use for. Looking back, there are certain principles that we focused on to come up with better guidelines and components for organising information in the design files. Let’s take a look at them.</p><h2 id="7a45" class="qk pe gu bf pf ql qm dy pi qn qo ea pl op qp qq qr ot qs qt qu ox qv qw qx qy bk">1. Flexibility to cover current use cases of initiatives</h2><p id="74d7" class="pw-post-body-paragraph of og gu oi b hs pz ok ol hv qa on oo op qb or os ot qc ov ow ox qd oz pa pb gn bk">The initiatives at Zeta are varied in nature, like how it is in organisations that work on multiple aspects of design. We are not always designing an application. There can be diverse initiatives such as branding a product, adding a feature to an already existing product, and so forth. We wanted to make the guidelines work for all of the initiatives that are available currently and those that we can foresee with our current knowledge.</p><figure class="nm nn no np nq nr nj nk paragraph-image"><div role="button" tabindex="0" class="ns nt fj nu bh nv"><div class="nj nk rb"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*7DrO0S8uOdhkLISq6ODsmQ.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*7DrO0S8uOdhkLISq6ODsmQ.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*7DrO0S8uOdhkLISq6ODsmQ.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*7DrO0S8uOdhkLISq6ODsmQ.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*7DrO0S8uOdhkLISq6ODsmQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*7DrO0S8uOdhkLISq6ODsmQ.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*7DrO0S8uOdhkLISq6ODsmQ.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*7DrO0S8uOdhkLISq6ODsmQ.png 640w, https://miro.medium.com/v2/resize:fit:720/1*7DrO0S8uOdhkLISq6ODsmQ.png 720w, https://miro.medium.com/v2/resize:fit:750/1*7DrO0S8uOdhkLISq6ODsmQ.png 750w, https://miro.medium.com/v2/resize:fit:786/1*7DrO0S8uOdhkLISq6ODsmQ.png 786w, https://miro.medium.com/v2/resize:fit:828/1*7DrO0S8uOdhkLISq6ODsmQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*7DrO0S8uOdhkLISq6ODsmQ.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*7DrO0S8uOdhkLISq6ODsmQ.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh mq nw c" width="700" height="583" loading="lazy" role="presentation"/></picture></div></div><figcaption class="nx ff ny nj nk nz oa bf b bg z du">Activities for different design phases and task statuses</figcaption></figure><h2 id="ebee" class="qk pe gu bf pf ql qm dy pi qn qo ea pl op qp qq qr ot qs qt qu ox qv qw qx qy bk">2. Uniform vocabulary</h2><p id="3734" class="pw-post-body-paragraph of og gu oi b hs pz ok ol hv qa on oo op qb or os ot qc ov ow ox qd oz pa pb gn bk">Having a uniform vocabulary in the guidelines such as the notion of Projects and Activities helps build a cohesive understanding within the organisation whenever the files are being looked up by someone.</p><figure class="nm nn no np nq nr nj nk paragraph-image"><div role="button" tabindex="0" class="ns nt fj nu bh nv"><div class="nj nk rc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*GPP-6qb2iKdX_pdD4nTCAg.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*GPP-6qb2iKdX_pdD4nTCAg.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*GPP-6qb2iKdX_pdD4nTCAg.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*GPP-6qb2iKdX_pdD4nTCAg.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*GPP-6qb2iKdX_pdD4nTCAg.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*GPP-6qb2iKdX_pdD4nTCAg.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*GPP-6qb2iKdX_pdD4nTCAg.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*GPP-6qb2iKdX_pdD4nTCAg.png 640w, https://miro.medium.com/v2/resize:fit:720/1*GPP-6qb2iKdX_pdD4nTCAg.png 720w, https://miro.medium.com/v2/resize:fit:750/1*GPP-6qb2iKdX_pdD4nTCAg.png 750w, https://miro.medium.com/v2/resize:fit:786/1*GPP-6qb2iKdX_pdD4nTCAg.png 786w, https://miro.medium.com/v2/resize:fit:828/1*GPP-6qb2iKdX_pdD4nTCAg.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*GPP-6qb2iKdX_pdD4nTCAg.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*GPP-6qb2iKdX_pdD4nTCAg.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh mq nw c" width="700" height="674" loading="lazy" role="presentation"/></picture></div></div><figcaption class="nx ff ny nj nk nz oa bf b bg z du">Some components from the guidelines framework</figcaption></figure><h2 id="fb8d" class="qk pe gu bf pf ql qm dy pi qn qo ea pl op qp qq qr ot qs qt qu ox qv qw qx qy bk">3. Ease of implementation</h2><p id="784d" class="pw-post-body-paragraph of og gu oi b hs pz ok ol hv qa on oo op qb or os ot qc ov ow ox qd oz pa pb gn bk">Some of us still think of organising information as an optional step. The benefits of organising can be huge for digesting information by other stakeholders (and ourselves) at any point. To reduce the efforts of the designers to sort out the information, we’ve created modular components and page templates that can be quickly implemented by copying and altering the text. This has made sure that the time it takes to organise and annotate is <em class="oh">significantly less</em> when compared to implementing an organising approach from scratch. There are also written instructions on how to segment Projects.</p><figure class="nm nn no np nq nr"><div class="qe jr l fj"><div class="rd qg l"></div></div><figcaption class="nx ff ny nj nk nz oa bf b bg z du">Project Template</figcaption></figure><h2 id="ff15" class="qk pe gu bf pf ql qm dy pi qn qo ea pl op qp qq qr ot qs qt qu ox qv qw qx qy bk">4. Accommodation of all stakeholders</h2><p id="dfb0" class="pw-post-body-paragraph of og gu oi b hs pz ok ol hv qa on oo op qb or os ot qc ov ow ox qd oz pa pb gn bk">Each one of us involved has different needs. Developers like to see the details of interactions and the visual elements. Product Managers and design reviewers need an understanding of which files to review and what type of feedback to provide. Design peers like to read the documentation and offer notes. Designers themselves like to be assisted with a checklist of things to do before wrapping up a project. We need to ensure that all of these use cases are easily executed using the guidelines system.</p><figure class="nm nn no np nq nr nj nk paragraph-image"><div role="button" tabindex="0" class="ns nt fj nu bh nv"><div class="nj nk re"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*DkyGEIW6Q3Tlp-uQLG5VkQ.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*DkyGEIW6Q3Tlp-uQLG5VkQ.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*DkyGEIW6Q3Tlp-uQLG5VkQ.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*DkyGEIW6Q3Tlp-uQLG5VkQ.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*DkyGEIW6Q3Tlp-uQLG5VkQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*DkyGEIW6Q3Tlp-uQLG5VkQ.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*DkyGEIW6Q3Tlp-uQLG5VkQ.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*DkyGEIW6Q3Tlp-uQLG5VkQ.png 640w, https://miro.medium.com/v2/resize:fit:720/1*DkyGEIW6Q3Tlp-uQLG5VkQ.png 720w, https://miro.medium.com/v2/resize:fit:750/1*DkyGEIW6Q3Tlp-uQLG5VkQ.png 750w, https://miro.medium.com/v2/resize:fit:786/1*DkyGEIW6Q3Tlp-uQLG5VkQ.png 786w, https://miro.medium.com/v2/resize:fit:828/1*DkyGEIW6Q3Tlp-uQLG5VkQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*DkyGEIW6Q3Tlp-uQLG5VkQ.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*DkyGEIW6Q3Tlp-uQLG5VkQ.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh mq nw c" width="700" height="453" loading="lazy" role="presentation"/></picture></div></div><figcaption class="nx ff ny nj nk nz oa bf b bg z du">Feedback card and screen highlighter (that highlight the screens that needs feedback)</figcaption></figure><h2 id="5483" class="qk pe gu bf pf ql qm dy pi qn qo ea pl op qp qq qr ot qs qt qu ox qv qw qx qy bk">5. Room for continuous improvement</h2><p id="a72f" class="pw-post-body-paragraph of og gu oi b hs pz ok ol hv qa on oo op qb or os ot qc ov ow ox qd oz pa pb gn bk">There’s always room for improvement for the guidelines to evolve. When someone faces an anomaly while using the guidelines, they need to feel free to share their feedback so they can be fixed in the upcoming versions. Our designers offer comments about the components that aren’t working well for their particular use case.</p><blockquote class="rf"><p id="40d8" class="rg rh gu bf ri rj rk rl rm rn ro pb du">These guidelines are called “guidelines” for a reason, they are not strict prescriptions but are good frameworks to follow for maximising the design outcome.</p></blockquote><figure class="rq rr rs rt ru nr nj nk paragraph-image"><div role="button" tabindex="0" class="ns nt fj nu bh nv"><div class="nj nk rp"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*KQEvb8Pqo_4-9iad33yP4A.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*KQEvb8Pqo_4-9iad33yP4A.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*KQEvb8Pqo_4-9iad33yP4A.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*KQEvb8Pqo_4-9iad33yP4A.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*KQEvb8Pqo_4-9iad33yP4A.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*KQEvb8Pqo_4-9iad33yP4A.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*KQEvb8Pqo_4-9iad33yP4A.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*KQEvb8Pqo_4-9iad33yP4A.png 640w, https://miro.medium.com/v2/resize:fit:720/1*KQEvb8Pqo_4-9iad33yP4A.png 720w, https://miro.medium.com/v2/resize:fit:750/1*KQEvb8Pqo_4-9iad33yP4A.png 750w, https://miro.medium.com/v2/resize:fit:786/1*KQEvb8Pqo_4-9iad33yP4A.png 786w, https://miro.medium.com/v2/resize:fit:828/1*KQEvb8Pqo_4-9iad33yP4A.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*KQEvb8Pqo_4-9iad33yP4A.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*KQEvb8Pqo_4-9iad33yP4A.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh mq nw c" width="700" height="438" loading="lazy" role="presentation"/></picture></div></div><figcaption class="nx ff ny nj nk nz oa bf b bg z du">Improving the framework through feedback and comments from design peers</figcaption></figure><h1 id="e7e7" class="pd pe gu bf pf pg ph hu pi pj pk hx pl pm pn po pp pq pr ps pt pu pv pw px py bk">Bonus outcomes of practising the guidelines</h1><ul class=""><li id="2061" class="of og gu oi b hs pz ok ol hv qa on oo op qb or os ot qc ov ow ox qd oz pa pb rv rw rx bk">While practicing the Project and Activity notion, we have progressed in quantifying the work in terms of which business/user need constitutes a Project in the context of Banking in Zeta. This outcome helps with identifying the resources, knowledge gaps, and tasks that are required for completing a design initiative.</li><li id="1816" class="of og gu oi b hs ry ok ol hv rz on oo op sa or os ot sb ov ow ox sc oz pa pb rv rw rx bk">While presenting the work to our teammates or others (which we do regularly in our sync-ups), it has become easier to highlight the importance of a Project or Activity without having to open multiple tabs of documents. As the work is thoughtfully organised, it presents itself better.</li><li id="c4c0" class="of og gu oi b hs ry ok ol hv rz on oo op sa or os ot sb ov ow ox sc oz pa pb rv rw rx bk">Developers and Product Managers can see the statuses of the tasks that are in progress, by not having to ask the designers every time. They communicate their needs accordingly, based on what’s visible on the files. Thereby, we’ve improved our asynchronous communication, which is one of the dire needs of working from home.</li></ul><h1 id="6490" class="pd pe gu bf pf pg ph hu pi pj pk hx pl pm pn po pp pq pr ps pt pu pv pw px py bk">In conclusion…</h1><p id="71d1" class="pw-post-body-paragraph of og gu oi b hs pz ok ol hv qa on oo op qb or os ot qc ov ow ox qd oz pa pb gn bk">The future of our guidelines system will involve testing the notions with all of the involved stakeholders and seeing if there are ways to improve.</p><p id="8f02" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk">We have come to the end of the article. If you’re still not convinced about having a guidelines system in place for your team, let me ask you this. Which do you think is useful — an unorganised bunch of pages with information that is not cohesive or a book that is filtered and sectioned appropriately for the pleasure of your reading?</p><blockquote class="rf"><p id="78f4" class="rg rh gu bf ri rj rk rl rm rn ro pb du">Taking ten minutes to make design files less overwhelming will create a monumental change that’s built for scale in terms of effective knowledge absorption and collaboration.</p></blockquote><p id="cee3" class="pw-post-body-paragraph of og gu oi b hs sd ok ol hv se on oo op sf or os ot sg ov ow ox sh oz pa pb gn bk">If you are the only designer who has the access to the knowledge of your design projects, it’s time to spread your wisdom to others through efficient organisation and annotation of your design files which will be heavily beneficial and interesting to others in the team. That’s the genuine pitch.</p></div></div></div><div class="ab cb si sj sk sl" role="separator"><span class="sm by bm sn so sp"></span><span class="sm by bm sn so sp"></span><span class="sm by bm sn so"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="83f0" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk">Thanks for taking the time to read! I hope you found this article valuable. If so, do let us know in the comments! Feel free to <a class="af pc" href="https://www.figma.com/community/file/956104597852044734/Guidelines-on-Organising-Work" rel="noopener ugc nofollow" target="_blank"><strong class="oi gv">access the community file</strong></a><strong class="oi gv"> (to duplicate) </strong>that has the components discussed in the article. You can improve them based on your organisation’s needs.</p><figure class="nm nn no np nq nr"><div class="qe jr l fj"><div class="sq qg l"></div></div></figure><p id="ef23" class="pw-post-body-paragraph of og gu oi b hs oj ok ol hv om on oo op oq or os ot ou ov ow ox oy oz pa pb gn bk">Feeling thankful to <span class="je"><span class="je" aria-hidden="false"><a class="ob jf fe" href="https://medium.com/u/4acc1a4e4abb?source=post_page---user_mention--6b9839d7adff--------------------------------" rel="noopener" target="_blank">Mustafa Quilon</a></span></span>, and Zeta’s banking design team for the help and assistance in the creation and adoption of the organising guidelines. Thanks to <span class="je"><span class="je" aria-hidden="false"><a class="ob jf fe" href="https://medium.com/u/b59d9418c84b?source=post_page---user_mention--6b9839d7adff--------------------------------" rel="noopener" target="_blank">Femke van Schoonhoven</a></span></span>, <span class="je"><span class="je" aria-hidden="false"><a class="ob jf fe" href="https://medium.com/u/d9ce9f6dba3e?source=post_page---user_mention--6b9839d7adff--------------------------------" rel="noopener" target="_blank">Mixpanel</a></span></span> designers, and the <span class="je"><span class="je" aria-hidden="false"><a class="ob jf fe" href="https://medium.com/u/bf1152b11387?source=post_page---user_mention--6b9839d7adff--------------------------------" rel="noopener" target="_blank">Figma</a></span></span> community members for inspiring us to work on this project through their own file organisation initiatives. ❤</p><figure class="nm nn no np nq nr"><div class="qe jr l fj"><div class="sr qg l"></div></div><figcaption class="nx ff ny nj nk nz oa bf b bg z du">Always moving forward.</figcaption></figure></div></div></div></div></section></div></div></article></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ss st ab jm"><div class="su ab"><a class="sv ay am ao" href="https://medium.com/tag/design?source=post_page-----6b9839d7adff--------------------------------" rel="noopener follow"><div class="sw fj cx sx ge sy sz bf b bg z bk ta">Design</div></a></div><div class="su ab"><a class="sv ay am ao" href="https://medium.com/tag/ux?source=post_page-----6b9839d7adff--------------------------------" rel="noopener follow"><div class="sw fj cx sx ge sy sz bf b bg z bk ta">UX</div></a></div><div class="su ab"><a class="sv ay am ao" href="https://medium.com/tag/design-systems?source=post_page-----6b9839d7adff--------------------------------" rel="noopener follow"><div class="sw fj cx sx ge sy sz bf b bg z bk ta">Design Systems</div></a></div><div class="su ab"><a class="sv ay am ao" href="https://medium.com/tag/figma?source=post_page-----6b9839d7adff--------------------------------" rel="noopener follow"><div class="sw fj cx sx ge sy sz bf b bg z bk ta">Figma</div></a></div><div class="su ab"><a class="sv ay am ao" href="https://medium.com/tag/organising?source=post_page-----6b9839d7adff--------------------------------" rel="noopener follow"><div class="sw fj cx sx ge sy sz bf b bg z bk ta">Organising</div></a></div></div></div></div><div class="l"></div><footer class="tb sj tc td te ab q tf iw c"><div class="l ae"><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ab cp tg"><div class="ab q lh"><div class="th l"><span class="l ti tj tk e d"><div class="ab q lh li"><div class="pw-multi-vote-icon fj jq lj lk ll"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerClapButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fzeta-design%2F6b9839d7adff&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Forganising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff&user=Preethi+Shreeya&userId=d558dad921b&source=---footer_actions--6b9839d7adff---------------------clap_footer-----------" rel="noopener follow"><div><div class="bm" aria-hidden="false"><div class="lm ao ln lo lp lq am lr ls lt ll"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l lu lv lw lx ly lz ma"><p class="bf b dv z du"><span class="mb">--</span></p></div></div></span><span class="l h g f tl tm"><div class="ab q lh li"><div class="pw-multi-vote-icon fj jq lj lk ll"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerClapButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fzeta-design%2F6b9839d7adff&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Forganising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff&user=Preethi+Shreeya&userId=d558dad921b&source=---footer_actions--6b9839d7adff---------------------clap_footer-----------" rel="noopener follow"><div><div class="bm" aria-hidden="false"><div class="lm ao ln lo lp lq am lr ls lt ll"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l lu lv lw lx ly lz ma"><p class="bf b dv z du"><span class="mb">--</span></p></div></div></span></div><div class="bq ab"><div><div class="bm" aria-hidden="false"><button class="ao lm me mf ab q fk mg mh" aria-label="responses"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="md"><path d="M18.006 16.803c1.533-1.456 2.234-3.325 2.234-5.321C20.24 7.357 16.709 4 12.191 4S4 7.357 4 11.482c0 4.126 3.674 7.482 8.191 7.482.817 0 1.622-.111 2.393-.327.231.2.48.391.744.559 1.06.693 2.203 1.044 3.399 1.044.224-.008.4-.112.486-.287a.49.49 0 0 0-.042-.518c-.495-.67-.845-1.364-1.04-2.057a4 4 0 0 1-.125-.598zm-3.122 1.055-.067-.223-.315.096a8 8 0 0 1-2.311.338c-4.023 0-7.292-2.955-7.292-6.587 0-3.633 3.269-6.588 7.292-6.588 4.014 0 7.112 2.958 7.112 6.593 0 1.794-.608 3.469-2.027 4.72l-.195.168v.255c0 .056 0 .151.016.295.025.231.081.478.154.733.154.558.398 1.117.722 1.659a5.3 5.3 0 0 1-2.165-.845c-.276-.176-.714-.383-.941-.59z"></path></svg><p class="bf b bg z du"><span class="pw-responses-count mc md">3</span></p></button></div></div></div></div><div class="ab q"><div class="sp l jj"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerBookmarkButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F6b9839d7adff&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Forganising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff&source=---footer_actions--6b9839d7adff---------------------bookmark_footer-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="du mj" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div><div class="sp l jj"><div class="bm" aria-hidden="false" aria-describedby="postFooterSocialMenu" aria-labelledby="postFooterSocialMenu"><div><div class="bm" aria-hidden="false"><button aria-controls="postFooterSocialMenu" aria-expanded="false" aria-label="Share Post" data-testid="footerSocialShareButton" class="af fk ah ai aj ak al mr an ao ap ex ms mt mh mu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.218 4.931a.4.4 0 0 1-.118.132l.012.006a.45.45 0 0 1-.292.074.5.5 0 0 1-.3-.13l-2.02-2.02v7.07c0 .28-.23.5-.5.5s-.5-.22-.5-.5v-7.04l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.79a.42.42 0 0 1 .068.498m-.106.138.008.004v-.01zM16 7.063h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11c-1.1 0-2-.9-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.15.5.5 0 0 1 .15.35.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9v-10.2c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1" clip-rule="evenodd"></path></svg></button></div></div></div></div></div></div></div></div></div></footer><div class="tn to tp tq tr l"><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ts bh r tt"></div><div class="tu l"><div class="ab tv tw tx jl jk"><div class="ty tz ua ub uc ud ue uf ug uh ab cp"><div class="h k"><a href="https://design.zeta.in/?source=post_page---post_publication_info--6b9839d7adff--------------------------------" rel="noopener follow"><div class="fj ab"><img alt="Zeta Design" class="ui in io cx" src="https://miro.medium.com/v2/resize:fill:96:96/1*7FG4sDTdzgBNYQL3onKlXQ.png" width="48" height="48" loading="lazy"/><div class="ui l io in fs n fr uj"></div></div></a></div><div class="j i d"><a href="https://design.zeta.in/?source=post_page---post_publication_info--6b9839d7adff--------------------------------" rel="noopener follow"><div class="fj ab"><img alt="Zeta Design" class="ui ul uk cx" src="https://miro.medium.com/v2/resize:fill:128:128/1*7FG4sDTdzgBNYQL3onKlXQ.png" width="64" height="64" loading="lazy"/><div class="ui l uk ul fs n fr uj"></div></div></a></div><div class="j i d um jj"><div class="ab"><span><a class="bf b bg z un sw uo up uq ur us ev ew ut uu uv fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fcollection%2Fzeta-design&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Forganising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff&collection=Zeta+Design&collectionId=b1d9ef1bb1cd&source=post_page---post_publication_info--6b9839d7adff---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div><div class="ab co uw"><div class="ux uy uz va vb l"><a class="af ag ah aj ak al am an ao ap aq ar as at ab q" href="https://design.zeta.in/?source=post_page---post_publication_info--6b9839d7adff--------------------------------" rel="noopener follow"><h2 class="pw-author-name bf vd ve vf vg vh vi vj op qq qr ot qt qu ox qw qx bk"><span class="gn vc">Published in <!-- -->Zeta Design</span></h2></a><div class="su ab im"><div class="l jj"><span class="pw-follower-count bf b bg z du"><a class="af ag ah ai aj ak al am an ao ap aq ar jc" rel="noopener follow" href="/followers?source=post_page---post_publication_info--6b9839d7adff--------------------------------">2K Followers</a></span></div><div class="bf b bg z du ab jp"><span class="jd l" aria-hidden="true"><span class="bf b bg z du">·</span></span><a class="af ag ah ai aj ak al am an ao ap aq ar jc" rel="noopener follow" href="/rocket-rides-and-roadmap-navigating-beyond-mvp-b107f857e142?source=post_page---post_publication_info--6b9839d7adff--------------------------------">Last published <span>Sep 6, 2024</span></a></div></div><div class="vk l"><p class="bf b bg z bk"><span class="gn">Perspectives on designing & building digital products for India</span></p></div></div></div><div class="h k"><div class="ab"><span><a class="bf b bg z un sw uo up uq ur us ev ew ut uu uv fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fcollection%2Fzeta-design&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Forganising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff&collection=Zeta+Design&collectionId=b1d9ef1bb1cd&source=post_page---post_publication_info--6b9839d7adff---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div></div><div class="ab tv tw tx jl jk"><div class="ty tz ua ub uc ud ue uf ug uh ab cp"><div class="h k"><a tabindex="0" href="https://preethishreeya.medium.com/?source=post_page---post_author_info--6b9839d7adff--------------------------------" rel="noopener follow"><div class="l fj"><img alt="Preethi Shreeya" class="l fd by io in cx" src="https://miro.medium.com/v2/resize:fill:96:96/1*YODBcdd6N71d5PAopFu1Vw.jpeg" width="48" height="48" loading="lazy"/><div class="fr by l io in fs n ay uj"></div></div></a></div><div class="j i d"><a tabindex="0" href="https://preethishreeya.medium.com/?source=post_page---post_author_info--6b9839d7adff--------------------------------" rel="noopener follow"><div class="l fj"><img alt="Preethi Shreeya" class="l fd by uk ul cx" src="https://miro.medium.com/v2/resize:fill:128:128/1*YODBcdd6N71d5PAopFu1Vw.jpeg" width="64" height="64" loading="lazy"/><div class="fr by l uk ul fs n ay uj"></div></div></a></div><div class="j i d um jj"><div class="ab"><span><a class="bf b bg z un sw uo up uq ur us ev ew ut uu uv fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2Fd558dad921b&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Forganising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff&user=Preethi+Shreeya&userId=d558dad921b&source=post_page-d558dad921b--post_author_info--6b9839d7adff---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div><div class="ab co uw"><div class="ux uy uz va vb l"><a class="af ag ah aj ak al am an ao ap aq ar as at ab q" href="https://preethishreeya.medium.com/?source=post_page---post_author_info--6b9839d7adff--------------------------------" rel="noopener follow"><h2 class="pw-author-name bf vd ve vf vg vh vi vj op qq qr ot qt qu ox qw qx bk"><span class="gn vc">Written by <!-- -->Preethi Shreeya</span></h2></a><div class="su ab im"><div class="l jj"><span class="pw-follower-count bf b bg z du"><a class="af ag ah ai aj ak al am an ao ap aq ar jc" href="https://preethishreeya.medium.com/followers?source=post_page---post_author_info--6b9839d7adff--------------------------------" rel="noopener follow">651 Followers</a></span></div><div class="bf b bg z du ab jp"><span class="jd l" aria-hidden="true"><span class="bf b bg z du">·</span></span><a class="af ag ah ai aj ak al am an ao ap aq ar jc" href="https://medium.com/@preethishreeya/following?source=post_page---post_author_info--6b9839d7adff--------------------------------" rel="noopener follow">11 Following</a></div></div><div class="vk l"><p class="bf b bg z bk"><span class="gn">I should write more.</span></p></div></div></div><div class="h k"><div class="ab"><span><a class="bf b bg z un sw uo up uq ur us ev ew ut uu uv fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2Fd558dad921b&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Forganising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff&user=Preethi+Shreeya&userId=d558dad921b&source=post_page-d558dad921b--post_author_info--6b9839d7adff---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div></div></div></div><div class="vl vm vn vo vp l"><div class="ts bh r vl vm vq vr vs"></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ab q cp"><h2 class="bf vd pg hu pi pj hx pl pm po pp pq ps pt pu pw px bk">Responses (<!-- -->3<!-- -->)</h2><div class="ab vt"><div><div class="bm" aria-hidden="false"><a class="vu vv" href="https://policy.medium.com/medium-rules-30e5502c4eb4?source=post_page---post_responses--6b9839d7adff--------------------------------" rel="noopener follow" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill-rule="evenodd" d="M11.987 5.036a.754.754 0 0 1 .914-.01c.972.721 1.767 1.218 2.6 1.543.828.322 1.719.485 2.887.505a.755.755 0 0 1 .741.757c-.018 3.623-.43 6.256-1.449 8.21-1.034 1.984-2.662 3.209-4.966 4.083a.75.75 0 0 1-.537-.003c-2.243-.874-3.858-2.095-4.897-4.074-1.024-1.951-1.457-4.583-1.476-8.216a.755.755 0 0 1 .741-.757c1.195-.02 2.1-.182 2.923-.503.827-.322 1.6-.815 2.519-1.535m.468.903c-.897.69-1.717 1.21-2.623 1.564-.898.35-1.856.527-3.026.565.037 3.45.469 5.817 1.36 7.515.884 1.684 2.25 2.762 4.284 3.571 2.092-.81 3.465-1.89 4.344-3.575.886-1.698 1.299-4.065 1.334-7.512-1.149-.039-2.091-.217-2.99-.567-.906-.353-1.745-.873-2.683-1.561m-.009 9.155a2.672 2.672 0 1 0 0-5.344 2.672 2.672 0 0 0 0 5.344m0 1a3.672 3.672 0 1 0 0-7.344 3.672 3.672 0 0 0 0 7.344m-1.813-3.777.525-.526.916.917 1.623-1.625.526.526-2.149 2.152z" clip-rule="evenodd"></path></svg></a></div></div></div></div><div class="si l"><button class="bf b bg z bk sw vw vx vy mj mg us ev ew ex vz wa wb fa wc wd we wf wg fb fc fd bm fe ff">See all responses</button></div></div></div></div><div class="wh wi wj wk wl l bx"><div class="h k j"><div class="ts bh wm wn"></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="wo ab lh jm"><div class="wp wq l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://help.medium.com/hc/en-us?source=post_page-----6b9839d7adff--------------------------------" rel="noopener follow"><p class="bf b dv z du">Help</p></a></div><div class="wp wq l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.statuspage.io/?source=post_page-----6b9839d7adff--------------------------------" rel="noopener follow"><p class="bf b dv z du">Status</p></a></div><div class="wp wq l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/about?autoplay=1&source=post_page-----6b9839d7adff--------------------------------" rel="noopener follow"><p class="bf b dv z du">About</p></a></div><div class="wp wq l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/jobs-at-medium/work-at-medium-959d1a85284e?source=post_page-----6b9839d7adff--------------------------------" rel="noopener follow"><p class="bf b dv z du">Careers</p></a></div><div class="wp wq l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="pressinquiries@medium.com?source=post_page-----6b9839d7adff--------------------------------" rel="noopener follow"><p class="bf b dv z du">Press</p></a></div><div class="wp wq l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://blog.medium.com/?source=post_page-----6b9839d7adff--------------------------------" rel="noopener follow"><p class="bf b dv z du">Blog</p></a></div><div class="wp wq l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://policy.medium.com/medium-privacy-policy-f03bf92035c9?source=post_page-----6b9839d7adff--------------------------------" rel="noopener follow"><p class="bf b dv z du">Privacy</p></a></div><div class="wp wq l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://policy.medium.com/medium-terms-of-service-9db0094a1e0f?source=post_page-----6b9839d7adff--------------------------------" rel="noopener follow"><p class="bf b dv z du">Terms</p></a></div><div class="wp wq l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://speechify.com/medium?source=post_page-----6b9839d7adff--------------------------------" rel="noopener follow"><p class="bf b dv z du">Text to speech</p></a></div><div class="wp l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/business?source=post_page-----6b9839d7adff--------------------------------" rel="noopener follow"><p class="bf b dv z du">Teams</p></a></div></div></div></div></div></div></div></div></div></div><script>window.__BUILD_ID__="main-20241126-181518-0cb59a020f"</script><script>window.__GRAPHQL_URI__ = "https://design.zeta.in/_/graphql"</script><script>window.__PRELOADED_STATE__ = {"algolia":{"queries":{}},"cache":{"experimentGroupSet":true,"reason":"This request is not using the cache middleware worker","group":"disabled","tags":["group-edgeCachePosts","post-6b9839d7adff","user-d558dad921b","collection-b1d9ef1bb1cd"],"serverVariantState":"","middlewareEnabled":false,"cacheStatus":"DYNAMIC","shouldUseCache":false,"vary":[],"lohpSummerUpsellEnabled":false,"publicationHierarchyEnabledWeb":false,"postBottomResponsesEnabled":false},"client":{"hydrated":false,"isUs":false,"isNativeMedium":false,"isSafariMobile":false,"isSafari":false,"isFirefox":false,"routingEntity":{"type":"COLLECTION","id":"b1d9ef1bb1cd","explicit":true},"viewerIsBot":false},"debug":{"requestId":"71e845fc-bbd5-4e0e-9715-90df266f9268","hybridDevServices":[],"originalSpanCarrier":{"traceparent":"00-9841ba76143ba27be248c421bbe1f29a-cf6073651fe822d4-01"}},"multiVote":{"clapsPerPost":{}},"navigation":{"branch":{"show":null,"hasRendered":null,"blockedByCTA":false},"hideGoogleOneTap":false,"hasRenderedAlternateUserBanner":null,"currentLocation":"https:\u002F\u002Fdesign.zeta.in\u002Forganising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff","host":"design.zeta.in","hostname":"design.zeta.in","referrer":"","hasSetReferrer":false,"susiModal":{"step":null,"operation":"register"},"postRead":false,"partnerProgram":{"selectedCountryCode":null},"queryString":"?source=user_profile_page---------0-------------d558dad921b---------------"},"config":{"nodeEnv":"production","version":"main-20241126-181518-0cb59a020f","target":"production","productName":"Medium","publicUrl":"https:\u002F\u002Fcdn-client.medium.com\u002Flite","authDomain":"medium.com","authGoogleClientId":"216296035834-k1k6qe060s2tp2a2jam4ljdcms00sttg.apps.googleusercontent.com","favicon":"production","glyphUrl":"https:\u002F\u002Fglyph.medium.com","branchKey":"key_live_ofxXr2qTrrU9NqURK8ZwEhknBxiI6KBm","algolia":{"appId":"MQ57UUUQZ2","apiKeySearch":"394474ced050e3911ae2249ecc774921","indexPrefix":"medium_","host":"-dsn.algolia.net"},"recaptchaKey":"6Lfc37IUAAAAAKGGtC6rLS13R1Hrw_BqADfS1LRk","recaptcha3Key":"6Lf8R9wUAAAAABMI_85Wb8melS7Zj6ziuf99Yot5","recaptchaEnterpriseKeyId":"6Le-uGgpAAAAAPprRaokM8AKthQ9KNGdoxaGUvVp","datadog":{"applicationId":"6702d87d-a7e0-42fe-bbcb-95b469547ea0","clientToken":"pub853ea8d17ad6821d9f8f11861d23dfed","rumToken":"pubf9cc52896502b9413b68ba36fc0c7162","context":{"deployment":{"target":"production","tag":"main-20241126-181518-0cb59a020f","commit":"0cb59a020f4453d0900f671f1a6576feecc55e74"}},"datacenter":"us"},"googleAnalyticsCode":"G-7JY7T788PK","googlePay":{"apiVersion":"2","apiVersionMinor":"0","merchantId":"BCR2DN6TV7EMTGBM","merchantName":"Medium","instanceMerchantId":"13685562959212738550"},"applePay":{"version":3},"signInWallCustomDomainCollectionIds":["3a8144eabfe3","336d898217ee","61061eb0c96b","138adf9c44c","819cc2aaeee0"],"mediumMastodonDomainName":"me.dm","mediumOwnedAndOperatedCollectionIds":["8a9336e5bb4","b7e45b22fec3","193b68bd4fba","8d6b8a439e32","54c98c43354d","3f6ecf56618","d944778ce714","92d2092dc598","ae2a65f35510","1285ba81cada","544c7006046e","fc8964313712","40187e704f1c","88d9857e584e","7b6769f2748b","bcc38c8f6edf","cef6983b292","cb8577c9149e","444d13b52878","713d7dbc99b0","ef8e90590e66","191186aaafa0","55760f21cdc5","9dc80918cc93","bdc4052bbdba","8ccfed20cbb2"],"tierOneDomains":["medium.com","thebolditalic.com","arcdigital.media","towardsdatascience.com","uxdesign.cc","codeburst.io","psiloveyou.xyz","writingcooperative.com","entrepreneurshandbook.co","prototypr.io","betterhumans.coach.me","theascent.pub"],"topicsToFollow":["d61cf867d93f","8a146bc21b28","1eca0103fff3","4d562ee63426","aef1078a3ef5","e15e46793f8d","6158eb913466","55f1c20aba7a","3d18b94f6858","4861fee224fd","63c6f1f93ee","1d98b3a9a871","decb52b64abf","ae5d4995e225","830cded25262"],"topicToTagMappings":{"accessibility":"accessibility","addiction":"addiction","android-development":"android-development","art":"art","artificial-intelligence":"artificial-intelligence","astrology":"astrology","basic-income":"basic-income","beauty":"beauty","biotech":"biotech","blockchain":"blockchain","books":"books","business":"business","cannabis":"cannabis","cities":"cities","climate-change":"climate-change","comics":"comics","coronavirus":"coronavirus","creativity":"creativity","cryptocurrency":"cryptocurrency","culture":"culture","cybersecurity":"cybersecurity","data-science":"data-science","design":"design","digital-life":"digital-life","disability":"disability","economy":"economy","education":"education","equality":"equality","family":"family","feminism":"feminism","fiction":"fiction","film":"film","fitness":"fitness","food":"food","freelancing":"freelancing","future":"future","gadgets":"gadgets","gaming":"gaming","gun-control":"gun-control","health":"health","history":"history","humor":"humor","immigration":"immigration","ios-development":"ios-development","javascript":"javascript","justice":"justice","language":"language","leadership":"leadership","lgbtqia":"lgbtqia","lifestyle":"lifestyle","machine-learning":"machine-learning","makers":"makers","marketing":"marketing","math":"math","media":"media","mental-health":"mental-health","mindfulness":"mindfulness","money":"money","music":"music","neuroscience":"neuroscience","nonfiction":"nonfiction","outdoors":"outdoors","parenting":"parenting","pets":"pets","philosophy":"philosophy","photography":"photography","podcasts":"podcast","poetry":"poetry","politics":"politics","privacy":"privacy","product-management":"product-management","productivity":"productivity","programming":"programming","psychedelics":"psychedelics","psychology":"psychology","race":"race","relationships":"relationships","religion":"religion","remote-work":"remote-work","san-francisco":"san-francisco","science":"science","self":"self","self-driving-cars":"self-driving-cars","sexuality":"sexuality","social-media":"social-media","society":"society","software-engineering":"software-engineering","space":"space","spirituality":"spirituality","sports":"sports","startups":"startup","style":"style","technology":"technology","transportation":"transportation","travel":"travel","true-crime":"true-crime","tv":"tv","ux":"ux","venture-capital":"venture-capital","visual-design":"visual-design","work":"work","world":"world","writing":"writing"},"defaultImages":{"avatar":{"imageId":"1*dmbNkD5D-u45r44go_cf0g.png","height":150,"width":150},"orgLogo":{"imageId":"7*V1_7XP4snlmqrc_0Njontw.png","height":110,"width":500},"postLogo":{"imageId":"bd978bb536350a710e8efb012513429cabdc4c28700604261aeda246d0f980b7","height":810,"width":1440},"postPreviewImage":{"imageId":"1*hn4v1tCaJy7cWMyb0bpNpQ.png","height":386,"width":579}},"collectionStructuredData":{"8d6b8a439e32":{"name":"Elemental","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F980\u002F1*9ygdqoKprhwuTVKUM0DLPA@2x.png","width":980,"height":159}}},"3f6ecf56618":{"name":"Forge","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F596\u002F1*uULpIlImcO5TDuBZ6lm7Lg@2x.png","width":596,"height":183}}},"ae2a65f35510":{"name":"GEN","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F264\u002F1*RdVZMdvfV3YiZTw6mX7yWA.png","width":264,"height":140}}},"88d9857e584e":{"name":"LEVEL","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*JqYMhNX6KNNb2UlqGqO2WQ.png","width":540,"height":108}}},"7b6769f2748b":{"name":"Marker","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F383\u002F1*haCUs0wF6TgOOvfoY-jEoQ@2x.png","width":383,"height":92}}},"444d13b52878":{"name":"OneZero","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*cw32fIqCbRWzwJaoQw6BUg.png","width":540,"height":123}}},"8ccfed20cbb2":{"name":"Zora","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*tZUQqRcCCZDXjjiZ4bDvgQ.png","width":540,"height":106}}}},"embeddedPostIds":{"coronavirus":"cd3010f9d81f"},"sharedCdcMessaging":{"COVID_APPLICABLE_TAG_SLUGS":[],"COVID_APPLICABLE_TOPIC_NAMES":[],"COVID_APPLICABLE_TOPIC_NAMES_FOR_TOPIC_PAGE":[],"COVID_MESSAGES":{"tierA":{"text":"For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":66,"end":73,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"tierB":{"text":"Anyone can publish on Medium per our Policies, but we don’t fact-check every story. For more info about the coronavirus, see cdc.gov.","markups":[{"start":37,"end":45,"href":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Fcategories\u002F201931128-Policies-Safety"},{"start":125,"end":132,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"paywall":{"text":"This article has been made free for everyone, thanks to Medium Members. For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":56,"end":70,"href":"https:\u002F\u002Fmedium.com\u002Fmembership"},{"start":138,"end":145,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"unbound":{"text":"This article is free for everyone, thanks to Medium Members. For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":45,"end":59,"href":"https:\u002F\u002Fmedium.com\u002Fmembership"},{"start":127,"end":134,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]}},"COVID_BANNER_POST_ID_OVERRIDE_WHITELIST":["3b31a67bff4a"]},"sharedVoteMessaging":{"TAGS":["politics","election-2020","government","us-politics","election","2020-presidential-race","trump","donald-trump","democrats","republicans","congress","republican-party","democratic-party","biden","joe-biden","maga"],"TOPICS":["politics","election"],"MESSAGE":{"text":"Find out more about the U.S. election results here.","markups":[{"start":46,"end":50,"href":"https:\u002F\u002Fcookpolitical.com\u002F2020-national-popular-vote-tracker"}]},"EXCLUDE_POSTS":["397ef29e3ca5"]},"embedPostRules":[],"recircOptions":{"v1":{"limit":3},"v2":{"limit":8}},"braintreeClientKey":"production_zjkj96jm_m56f8fqpf7ngnrd4","braintree":{"enabled":true,"merchantId":"m56f8fqpf7ngnrd4","merchantAccountId":{"usd":"AMediumCorporation_instant","eur":"amediumcorporation_EUR","cad":"amediumcorporation_CAD"},"publicKey":"ds2nn34bg2z7j5gd","braintreeEnvironment":"production","dashboardUrl":"https:\u002F\u002Fwww.braintreegateway.com\u002Fmerchants","gracePeriodDurationInDays":14,"mediumMembershipPlanId":{"monthly":"ce105f8c57a3","monthlyV2":"e8a5e126-792b-4ee6-8fba-d574c1b02fc5","monthlyWithTrial":"d5ee3dbe3db8","monthlyPremium":"fa741a9b47a2","yearly":"a40ad4a43185","yearlyV2":"3815d7d6-b8ca-4224-9b8c-182f9047866e","yearlyStaff":"d74fb811198a","yearlyWithTrial":"b3bc7350e5c7","yearlyPremium":"e21bd2c12166","monthlyOneYearFree":"e6c0637a-2bad-4171-ab4f-3c268633d83c","monthly25PercentOffFirstYear":"235ecc62-0cdb-49ae-9378-726cd21c504b","monthly20PercentOffFirstYear":"ba518864-9c13-4a99-91ca-411bf0cac756","monthly15PercentOffFirstYear":"594c029b-9f89-43d5-88f8-8173af4e070e","monthly10PercentOffFirstYear":"c6c7bc9a-40f2-4b51-8126-e28511d5bdb0","monthlyForStudents":"629ebe51-da7d-41fd-8293-34cd2f2030a8","yearlyOneYearFree":"78ba7be9-0d9f-4ece-aa3e-b54b826f2bf1","yearly25PercentOffFirstYear":"2dbb010d-bb8f-4eeb-ad5c-a08509f42d34","yearly20PercentOffFirstYear":"47565488-435b-47f8-bf93-40d5fbe0ebc8","yearly15PercentOffFirstYear":"8259809b-0881-47d9-acf7-6c001c7f720f","yearly10PercentOffFirstYear":"9dd694fb-96e1-472c-8d9e-3c868d5c1506","yearlyForStudents":"e29345ef-ab1c-4234-95c5-70e50fe6bc23","monthlyCad":"p52orjkaceei","yearlyCad":"h4q9g2up9ktt"},"braintreeDiscountId":{"oneMonthFree":"MONTHS_FREE_01","threeMonthsFree":"MONTHS_FREE_03","sixMonthsFree":"MONTHS_FREE_06","fiftyPercentOffOneYear":"FIFTY_PERCENT_OFF_ONE_YEAR"},"3DSecureVersion":"2","defaultCurrency":"usd","providerPlanIdCurrency":{"4ycw":"usd","rz3b":"usd","3kqm":"usd","jzw6":"usd","c2q2":"usd","nnsw":"usd","q8qw":"usd","d9y6":"usd","fx7w":"cad","nwf2":"cad"}},"paypalClientId":"AXj1G4fotC2GE8KzWX9mSxCH1wmPE3nJglf4Z2ig_amnhvlMVX87otaq58niAg9iuLktVNF_1WCMnN7v","paypal":{"host":"https:\u002F\u002Fapi.paypal.com:443","clientMode":"production","serverMode":"live","webhookId":"4G466076A0294510S","monthlyPlan":{"planId":"P-9WR0658853113943TMU5FDQA","name":"Medium Membership (Monthly) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"yearlyPlan":{"planId":"P-7N8963881P8875835MU5JOPQ","name":"Medium Membership (Annual) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"oneYearGift":{"name":"Medium Membership (1 Year, Digital Gift Code)","description":"Unlimited access to the best and brightest stories on Medium. Gift codes can be redeemed at medium.com\u002Fredeem.","price":"50.00","currency":"USD","sku":"membership-gift-1-yr"},"oldMonthlyPlan":{"planId":"P-96U02458LM656772MJZUVH2Y","name":"Medium Membership (Monthly)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"oldYearlyPlan":{"planId":"P-59P80963JF186412JJZU3SMI","name":"Medium Membership (Annual)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"monthlyPlanWithTrial":{"planId":"P-66C21969LR178604GJPVKUKY","name":"Medium Membership (Monthly) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"yearlyPlanWithTrial":{"planId":"P-6XW32684EX226940VKCT2MFA","name":"Medium Membership (Annual) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"oldMonthlyPlanNoSetupFee":{"planId":"P-4N046520HR188054PCJC7LJI","name":"Medium Membership (Monthly)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"oldYearlyPlanNoSetupFee":{"planId":"P-7A4913502Y5181304CJEJMXQ","name":"Medium Membership (Annual)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"sdkUrl":"https:\u002F\u002Fwww.paypal.com\u002Fsdk\u002Fjs"},"stripePublishableKey":"pk_live_7FReX44VnNIInZwrIIx6ghjl","log":{"json":true,"level":"info"},"imageUploadMaxSizeMb":25,"staffPicks":{"title":"Staff Picks","catalogId":"c7bc6e1ee00f"}},"session":{"xsrf":""}}</script><script>window.__APOLLO_STATE__ = {"ROOT_QUERY":{"__typename":"Query","viewer":null,"variantFlags":[{"__typename":"VariantFlag","name":"enable_abandoned_cart_promotion_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_client","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_offline_reading","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"price_smoke_test_yearly","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_c","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_iceland_nux","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_verified_author","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_import","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_annual_premium_plan","valueType":{"__typename":"VariantFlagString","value":"4a442ace1476"}},{"__typename":"VariantFlag","name":"enable_speechify_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_speechify_widget","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_offline_reading","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pp_v4","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_reading_history","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_eventstats_event_processing","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_post_bottom_responses_input","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_susi_redesign_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_update_explore_wtf","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tipping_v0_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_configure_pronouns","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_in_app_free_trial","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"rex_generator_max_candidates","valueType":{"__typename":"VariantFlagNumber","value":1000}},{"__typename":"VariantFlag","name":"enable_ios_autorefresh","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_integration","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_deprecate_legacy_providers_v3","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ml_rank_rex_anno","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_display_paywall_after_onboarding","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"signup_services","valueType":{"__typename":"VariantFlagString","value":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple"}},{"__typename":"VariantFlag","name":"ios_enable_friend_links_postpage_banners","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_dynamic_programming_paywall","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_continue_this_thread","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_new_manage_membership_flow","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sharer_validate_post_share_key","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"price_smoke_test_monthly","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"android_enable_lists_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_conversion_model_v2","valueType":{"__typename":"VariantFlagString","value":"group_2"}},{"__typename":"VariantFlag","name":"enable_mastodon_avatar_upload","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_google_one_tap","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_annual_plan","valueType":{"__typename":"VariantFlagString","value":"2c754bcc2995"}},{"__typename":"VariantFlag","name":"enable_app_flirty_thirty","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"glyph_font_set","valueType":{"__typename":"VariantFlagString","value":"m2-unbound-source-serif-pro"}},{"__typename":"VariantFlag","name":"ios_social_share_sheet","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_creator_welcome_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"num_post_bottom_responses_to_show","valueType":{"__typename":"VariantFlagString","value":"1"}},{"__typename":"VariantFlag","name":"android_enable_friend_links_creation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_trial_membership","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_explicit_signals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_homepage","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sprig","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"reader_fair_distribution_non_qp","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_paypal","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_signup","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_dynamic_aspirational_paywall","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_apple_sign_in","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_aurora_pub_follower_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_marketing_emails","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_friend_links_postpage_banners","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rito_upstream_deadlines","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sharer_create_post_share_key","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_lock_responses","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"signin_services","valueType":{"__typename":"VariantFlagString","value":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple"}},{"__typename":"VariantFlag","name":"enable_pre_pp_v4","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_new_push_notification_endpoint","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_home_post_menu","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_server_upstream_deadlines","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"can_receive_tips_v0","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_seamless_social_sharing","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_branch_io","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_group_gifting","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_intrinsic_automatic_actions","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ranker_v10","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_ios_dynamic_paywall_aspiriational","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_post_bottom_responses","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tipping_v0_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"onboarding_tags_from_top_views","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_see_pronouns","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_google_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tribute_landing_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_conversion_ranker_v2","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_recommended_publishers_query","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"coronavirus_topic_recirc","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_auto_follow_on_subscribe","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_members_only_audio","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"skip_fs_cache_user_vals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_monthly_premium_plan","valueType":{"__typename":"VariantFlagString","value":"12a660186432"}},{"__typename":"VariantFlag","name":"enable_footer_app_buttons","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_legacy_feed_in_iceland","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_update_topic_portals_wtf","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_verifications_service","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"can_send_tips_v0","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_first_story","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tick_landing_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_rating_prompt_stories_read_threshold","valueType":{"__typename":"VariantFlagNumber","value":2}},{"__typename":"VariantFlag","name":"enable_pill_based_home_feed","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_editor_new_publishing_flow","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_billing_frequency_on_step2","valueType":{"__typename":"VariantFlagString","value":"group_1"}},{"__typename":"VariantFlag","name":"enable_maim_the_meter","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_remove_twitter_onboarding_step","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_google_pay","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_response_markup","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_all_recs_surfaces","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_premium_tier","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"redefined_top_posts","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_access","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_medium2_kbfd","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_monthly_plan","valueType":{"__typename":"VariantFlagString","value":"60e220181034"}},{"__typename":"VariantFlag","name":"enable_publication_hierarchy_web","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_iceland_forced_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"reengagement_notification_duration","valueType":{"__typename":"VariantFlagNumber","value":3}},{"__typename":"VariantFlag","name":"disable_partner_program_enrollment","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"goliath_externalsearch_enable_comment_deindexation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_topic_portals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_automod","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_bayesian_average_pub_search","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_verified_book_author","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_author_cards_byline","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_apple_pay","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_entities_to_follow_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_two_hour_refresh","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_new_stripe_customers","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_newsletter_lo_flow_custom_domains","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_susi_redesign_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_archive_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_author_cards","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_easy_resubscribe","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lo_homepage","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_recirc_model","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_aggregator_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_apple_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_for_members_username_selection","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"mobile_custom_app_icon","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"browsable_stream_config_bucket","valueType":{"__typename":"VariantFlagString","value":"curated-topics"}},{"__typename":"VariantFlag","name":"enable_cache_less_following_feed","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_diversification_rex","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_for_members","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"limit_user_follows","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_friend_links_creation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_explicit_signals_updated_post_previews","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_miro_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pp_country_expansion","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"limit_post_referrers","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_simplified_digest_v2_b","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_starspace","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_switch_plan_premium_tier","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_updated_pub_recs_ui","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"textshots_userid","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"enable_bg_post_post","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_dynamic_paywall_programming","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_premium_tier_badge","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recaptcha_enterprise","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tag_recs","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_boost_nia_v01","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_syntax_highlight","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_test_auth","valueType":{"__typename":"VariantFlagString","value":"disallow"}},{"__typename":"VariantFlag","name":"android_enable_image_sharer","valueType":{"__typename":"VariantFlagBoolean","value":true}}],"collectionByDomainOrSlug({\"domainOrSlug\":\"design.zeta.in\"})":{"__ref":"Collection:b1d9ef1bb1cd"},"postResult({\"id\":\"6b9839d7adff\"})":{"__ref":"Post:6b9839d7adff"}},"ImageMetadata:1*7FG4sDTdzgBNYQL3onKlXQ.png":{"__typename":"ImageMetadata","id":"1*7FG4sDTdzgBNYQL3onKlXQ.png"},"Collection:b1d9ef1bb1cd":{"__typename":"Collection","id":"b1d9ef1bb1cd","favicon":{"__ref":"ImageMetadata:1*7FG4sDTdzgBNYQL3onKlXQ.png"},"customStyleSheet":null,"colorPalette":{"__typename":"ColorPalette","highlightSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FFF8EEFF","point":0},{"__typename":"ColorPoint","color":"#FFF7ECFF","point":0.1},{"__typename":"ColorPoint","color":"#FFF6E9FF","point":0.2},{"__typename":"ColorPoint","color":"#FFF5E6FF","point":0.3},{"__typename":"ColorPoint","color":"#FFF4E4FF","point":0.4},{"__typename":"ColorPoint","color":"#FFF3E1FF","point":0.5},{"__typename":"ColorPoint","color":"#FFF1DEFF","point":0.6},{"__typename":"ColorPoint","color":"#FFF0DBFF","point":0.7},{"__typename":"ColorPoint","color":"#FFEFD9FF","point":0.8},{"__typename":"ColorPoint","color":"#FFEED6FF","point":0.9},{"__typename":"ColorPoint","color":"#FFEDD3FF","point":1}]},"defaultBackgroundSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FF9474C6","point":0},{"__typename":"ColorPoint","color":"#FF896CB6","point":0.1},{"__typename":"ColorPoint","color":"#FF7E65A6","point":0.2},{"__typename":"ColorPoint","color":"#FF735D96","point":0.3},{"__typename":"ColorPoint","color":"#FF685586","point":0.4},{"__typename":"ColorPoint","color":"#FF5C4C76","point":0.5},{"__typename":"ColorPoint","color":"#FF504366","point":0.6},{"__typename":"ColorPoint","color":"#FF443956","point":0.7},{"__typename":"ColorPoint","color":"#FF382F46","point":0.8},{"__typename":"ColorPoint","color":"#FF2A2435","point":0.9},{"__typename":"ColorPoint","color":"#FF1C1824","point":1}]},"tintBackgroundSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FF4B2878","colorPoints":[{"__typename":"ColorPoint","color":"#FF4B2878","point":0},{"__typename":"ColorPoint","color":"#FF61448C","point":0.1},{"__typename":"ColorPoint","color":"#FF765D9E","point":0.2},{"__typename":"ColorPoint","color":"#FF8A73AF","point":0.3},{"__typename":"ColorPoint","color":"#FF9D89BE","point":0.4},{"__typename":"ColorPoint","color":"#FFB09DCD","point":0.5},{"__typename":"ColorPoint","color":"#FFC1B1DB","point":0.6},{"__typename":"ColorPoint","color":"#FFD3C4E8","point":0.7},{"__typename":"ColorPoint","color":"#FFE4D7F5","point":0.8},{"__typename":"ColorPoint","color":"#FFF4E9FF","point":0.9},{"__typename":"ColorPoint","color":"#FFFFFBFF","point":1}]}},"domain":"design.zeta.in","slug":"zeta-design","googleAnalyticsId":null,"editors":[{"__typename":"CollectionMastheadUserItem","user":{"__ref":"User:c89f0f029bca"}},{"__typename":"CollectionMastheadUserItem","user":{"__ref":"User:4acc1a4e4abb"}}],"name":"Zeta Design","avatar":{"__ref":"ImageMetadata:1*7FG4sDTdzgBNYQL3onKlXQ.png"},"description":"Perspectives on designing & building digital products for India","subscriberCount":2026,"latestPostsConnection({\"paging\":{\"limit\":1}})":{"__typename":"PostConnection","posts":[{"__ref":"Post:b107f857e142"}]},"viewerEdge":{"__ref":"CollectionViewerEdge:collectionId:b1d9ef1bb1cd-viewerId:lo_2a4cd4d7e4f4"},"twitterUsername":"zetaindia","facebookPageId":null,"logo":{"__ref":"ImageMetadata:1*Vjz4OlxhDF68YL7pwRL-Rg.png"}},"User:c89f0f029bca":{"__typename":"User","id":"c89f0f029bca"},"User:4acc1a4e4abb":{"__typename":"User","id":"4acc1a4e4abb"},"User:f4782ea9c444":{"__typename":"User","id":"f4782ea9c444","customDomainState":{"__typename":"CustomDomainState","live":{"__typename":"CustomDomain","domain":"creativetechie.medium.com"}},"hasSubdomain":true,"username":"creativetechie"},"Post:b107f857e142":{"__typename":"Post","id":"b107f857e142","firstPublishedAt":1725604078487,"creator":{"__ref":"User:f4782ea9c444"},"collection":{"__ref":"Collection:b1d9ef1bb1cd"},"isSeries":false,"mediumUrl":"https:\u002F\u002Fdesign.zeta.in\u002Frocket-rides-and-roadmap-navigating-beyond-mvp-b107f857e142","sequence":null,"uniqueSlug":"rocket-rides-and-roadmap-navigating-beyond-mvp-b107f857e142"},"LinkedAccounts:d558dad921b":{"__typename":"LinkedAccounts","mastodon":null,"id":"d558dad921b"},"UserViewerEdge:userId:d558dad921b-viewerId:lo_2a4cd4d7e4f4":{"__typename":"UserViewerEdge","id":"userId:d558dad921b-viewerId:lo_2a4cd4d7e4f4","isFollowing":false,"isUser":false,"isMuting":false},"NewsletterV3:65e4c9e8b339":{"__typename":"NewsletterV3","id":"65e4c9e8b339","type":"NEWSLETTER_TYPE_AUTHOR","slug":"d558dad921b","name":"d558dad921b","collection":null,"user":{"__ref":"User:d558dad921b"}},"User:d558dad921b":{"__typename":"User","id":"d558dad921b","name":"Preethi Shreeya","username":"preethishreeya","newsletterV3":{"__ref":"NewsletterV3:65e4c9e8b339"},"linkedAccounts":{"__ref":"LinkedAccounts:d558dad921b"},"isSuspended":false,"imageId":"1*YODBcdd6N71d5PAopFu1Vw.jpeg","mediumMemberAt":1707577202448,"verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"socialStats":{"__typename":"SocialStats","followerCount":651,"followingCount":9,"collectionFollowingCount":2},"customDomainState":{"__typename":"CustomDomainState","live":{"__typename":"CustomDomain","domain":"preethishreeya.medium.com"}},"hasSubdomain":true,"bio":"I should write more.","isPartnerProgramEnrolled":false,"viewerEdge":{"__ref":"UserViewerEdge:userId:d558dad921b-viewerId:lo_2a4cd4d7e4f4"},"viewerIsUser":false,"postSubscribeMembershipUpsellShownAt":0,"membership":{"__ref":"Membership:38040024b071"},"allowNotes":true,"twitterScreenName":"shreypreeth"},"Membership:38040024b071":{"__typename":"Membership","tier":"MEMBER","id":"38040024b071"},"Paragraph:809470e75abd_0":{"__typename":"Paragraph","id":"809470e75abd_0","name":"54ef","type":"H3","href":null,"layout":null,"metadata":null,"text":"Organising Design Work in Figma — A Systemic Guide and Framework","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_1":{"__typename":"Paragraph","id":"809470e75abd_1","name":"49dd","type":"H4","href":null,"layout":null,"metadata":null,"text":"For digital designers who want to organise their working files to improve clarity and collaboration within and across teams","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*wFq2Z3I5zOEQvb07zHJo2w.jpeg":{"__typename":"ImageMetadata","id":"1*wFq2Z3I5zOEQvb07zHJo2w.jpeg","originalHeight":1240,"originalWidth":2880,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:809470e75abd_2":{"__typename":"Paragraph","id":"809470e75abd_2","name":"80d3","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*wFq2Z3I5zOEQvb07zHJo2w.jpeg"},"text":"Organising Design Work (Cover Image by Aakansha Menon)","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":39,"end":53,"href":null,"anchorType":"USER","userId":"a94240008425","linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_3":{"__typename":"Paragraph","id":"809470e75abd_3","name":"a999","type":"BQ","href":null,"layout":null,"metadata":null,"text":"Update: Version 2.0 is here with new components and detailed documentation. Version 1.0 is still in operation.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":8,"end":27,"href":"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F1119570359580533212\u002Fdesign-annotations-file-template-setup-2-0","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":76,"end":88,"href":"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F956104597852044734\u002Fdesign-annotations-file-template-setup-1-0","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_4":{"__typename":"Paragraph","id":"809470e75abd_4","name":"435f","type":"H3","href":null,"layout":null,"metadata":null,"text":"The need for order in the chaos","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_5":{"__typename":"Paragraph","id":"809470e75abd_5","name":"4e5c","type":"P","href":null,"layout":null,"metadata":null,"text":"As designers, we work with chaos. By chaos, what I mean is the way we get to come up with solutions for real-world problems. Whenever there’s a challenge to solve, we first try to understand if the challenge exists for real people, and if it does, we think about the intricacies of the problem at hand — like the viewpoints that are not surfaced at the top, the un-obvious elements at play and so forth. With enough understanding of the problem, we move on to finding solutions as the next step. This step is the messiest of the lot — there are no definite ways to arrive at the right solution other than to experiment aplenty and iterate on those that satisfy the needs of real people.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_6":{"__typename":"Paragraph","id":"809470e75abd_6","name":"0b43","type":"P","href":null,"layout":null,"metadata":null,"text":"As a designer, you will also be using different design methodologies, and tools at every stage of the design process to figure things out. Sometimes, there is a need for divergent thinking and sometimes to converge. The job of a designer then becomes about how to approach a problem to arrive at a suitable solution — and these approaches aren’t linear or straightforward.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_7":{"__typename":"Paragraph","id":"809470e75abd_7","name":"213d","type":"P","href":null,"layout":null,"metadata":null,"text":"Thus, we establish that chaos is inherent and in fact enriching our everyday design work. Now that we are well aware of the chaos in the process of design, it’s time to confirm why we need order alongside the chaotic nature of the work we do.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_8":{"__typename":"Paragraph","id":"809470e75abd_8","name":"4c84","type":"P","href":null,"layout":null,"metadata":null,"text":"Situation 1: Let’s say you are trying to find something that you are looking for from the dozens of design iterations you have made. Unless you have a photographic memory, it is easy to lose track of things after a while when you start working on multiple projects.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"EM","start":0,"end":13,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"MediaResource:594816014f421cbcea9b3c12072b3d41":{"__typename":"MediaResource","id":"594816014f421cbcea9b3c12072b3d41","iframeSrc":"https:\u002F\u002Fcdn.embedly.com\u002Fwidgets\u002Fmedia.html?src=https%3A%2F%2Fgiphy.com%2Fembed%2F3o7abtinE2QuMikOKk%2Ftwitter%2Fiframe&display_name=Giphy&url=https%3A%2F%2Fgiphy.com%2Fgifs%2Fstarwars-movie-star-wars-3o7abtinE2QuMikOKk&image=https%3A%2F%2Fmedia1.giphy.com%2Fmedia%2F3o7abtinE2QuMikOKk%2Fgiphy.gif&key=a19fcc184b9711e1b4764040d3dc5c07&type=text%2Fhtml&schema=giphy","iframeHeight":263,"iframeWidth":435,"title":"Yoda GIF by Star Wars - Find & Share on GIPHY"},"Paragraph:809470e75abd_9":{"__typename":"Paragraph","id":"809470e75abd_9","name":"7f25","type":"IFRAME","href":null,"layout":"INSET_CENTER","metadata":null,"text":"“900 years and counting — Still can’t find what I am looking for”","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":{"__typename":"Iframe","mediaResource":{"__ref":"MediaResource:594816014f421cbcea9b3c12072b3d41"}},"mixtapeMetadata":null},"Paragraph:809470e75abd_10":{"__typename":"Paragraph","id":"809470e75abd_10","name":"0a72","type":"P","href":null,"layout":null,"metadata":null,"text":"Situation 2: Let’s say the screens you have designed are in review. Someone from your team wants to offer you feedback on the designs you’ve made, but they find it difficult to navigate the file you’ve shared with them. They are also not sure of the nature of feedback to offer — functional or visual, in-depth or casual.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"EM","start":0,"end":12,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*QRGehaH8CE0_0auSbbRRFw.png":{"__typename":"ImageMetadata","id":"1*QRGehaH8CE0_0auSbbRRFw.png","originalHeight":4090,"originalWidth":7005,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:809470e75abd_11":{"__typename":"Paragraph","id":"809470e75abd_11","name":"8866","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*QRGehaH8CE0_0auSbbRRFw.png"},"text":"The Force can’t help with the disorderly mess","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_12":{"__typename":"Paragraph","id":"809470e75abd_12","name":"dcd9","type":"P","href":null,"layout":null,"metadata":null,"text":"Situation 3: Let’s say someone from outside of your team is accessing your design file. They can’t seem to find enough context about the problem that you’re trying to solve or the research that you’ve made to arrive at the solution at hand. It limits them the opportunity to find inspiration in the hours of work you’ve put in.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"EM","start":0,"end":12,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"MediaResource:a3ea03a532139fdb774fa03679610279":{"__typename":"MediaResource","id":"a3ea03a532139fdb774fa03679610279","iframeSrc":"https:\u002F\u002Fcdn.embedly.com\u002Fwidgets\u002Fmedia.html?src=https%3A%2F%2Fgiphy.com%2Fembed%2FxT9DPBPC4gVoSau0eI%2Ftwitter%2Fiframe&display_name=Giphy&url=https%3A%2F%2Fgiphy.com%2Fgifs%2Fstarwars-movie-star-wars-xT9DPBPC4gVoSau0eI&image=https%3A%2F%2Fmedia2.giphy.com%2Fmedia%2FxT9DPBPC4gVoSau0eI%2Fgiphy.gif&key=a19fcc184b9711e1b4764040d3dc5c07&type=text%2Fhtml&schema=giphy","iframeHeight":209,"iframeWidth":435,"title":"Yoda GIF by Star Wars - Find & Share on GIPHY"},"Paragraph:809470e75abd_13":{"__typename":"Paragraph","id":"809470e75abd_13","name":"dc0a","type":"IFRAME","href":null,"layout":"INSET_CENTER","metadata":null,"text":"Heart troubles trying to navigate and understand design files","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":{"__typename":"Iframe","mediaResource":{"__ref":"MediaResource:a3ea03a532139fdb774fa03679610279"}},"mixtapeMetadata":null},"Paragraph:809470e75abd_14":{"__typename":"Paragraph","id":"809470e75abd_14","name":"d3f9","type":"P","href":null,"layout":null,"metadata":null,"text":"These and plenty more of such situations that occur with every design project necessitates guidelines for organising information (for lack of a shorter phrase). To better view, navigate, and digest the information by everyone that’s involved in a project, we need systems in place that can provide structure to the chaos. This means that we find a place for everything (including a place for disordered data) and have the available information described and connected well enough for future reference for everyone.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":91,"end":129,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":91,"end":129,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_15":{"__typename":"Paragraph","id":"809470e75abd_15","name":"5dc5","type":"P","href":null,"layout":null,"metadata":null,"text":"In this article, we will look at how to go about solving this ‘organising information’ problem in a systemic way.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"EM","start":63,"end":86,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_16":{"__typename":"Paragraph","id":"809470e75abd_16","name":"ba05","type":"H3","href":null,"layout":null,"metadata":null,"text":"The bottom-up approach of organising information (using Figma)","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*TYb0s72A7EmqlFDYk08ryw.png":{"__typename":"ImageMetadata","id":"1*TYb0s72A7EmqlFDYk08ryw.png","originalHeight":3621,"originalWidth":6480,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:809470e75abd_17":{"__typename":"Paragraph","id":"809470e75abd_17","name":"4857","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*TYb0s72A7EmqlFDYk08ryw.png"},"text":"Orders of information","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_18":{"__typename":"Paragraph","id":"809470e75abd_18","name":"696d","type":"H4","href":null,"layout":null,"metadata":null,"text":"First-order of information","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_19":{"__typename":"Paragraph","id":"809470e75abd_19","name":"395c","type":"P","href":null,"layout":null,"metadata":null,"text":"Every task that we carry out as designers result in data (aka output) that’s associated with the problem we are trying to solve. Let’s take an example that can live through this article for easy reference and explanation. Let’s say you are asked to come up with research and designs for a personal finance management application (single\u002Fmultiple members can be working on this project).","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_20":{"__typename":"Paragraph","id":"809470e75abd_20","name":"bab7","type":"P","href":null,"layout":null,"metadata":null,"text":"All of the output of this initiative belongs to the first order in the information structure. These include the research documents that we come up with, competitor research screenshots, solution explorations, the final design screens themselves, prototypes, UX audit screens, and so on. Think of them as the individual pieces of information that are ultimately looked up by anyone, but unclassified.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*sHj9NVYutUsJaboc3Vu2AQ.png":{"__typename":"ImageMetadata","id":"1*sHj9NVYutUsJaboc3Vu2AQ.png","originalHeight":3621,"originalWidth":6481,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:809470e75abd_21":{"__typename":"Paragraph","id":"809470e75abd_21","name":"4d77","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*sHj9NVYutUsJaboc3Vu2AQ.png"},"text":"1st order — All data","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_22":{"__typename":"Paragraph","id":"809470e75abd_22","name":"dcbc","type":"H4","href":null,"layout":null,"metadata":null,"text":"Second-order of information","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_23":{"__typename":"Paragraph","id":"809470e75abd_23","name":"c244","type":"P","href":null,"layout":null,"metadata":null,"text":"In the second-order of information, there is information about the information (metadata). This means it provides information about the output we have come up with. In the context of Zeta (a payment-focussed company that has numerous initiatives), we have devised two types of metadata called Projects and Activities.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":183,"end":187,"href":"https:\u002F\u002Fwww.zeta.tech\u002Fin","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":45,"end":79,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":293,"end":301,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":306,"end":316,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_24":{"__typename":"Paragraph","id":"809470e75abd_24","name":"7fc7","type":"P","href":null,"layout":null,"metadata":null,"text":"Projects are the higher-level metadata that gives information about the initiative at hand, which includes relevant documents, people involved in the project, its goals, and related information. There can be different Projects for an initiative while designing a personal finance management application. For example, ‘research and designs for Savings’, and ‘Tax Management’ can be two (or more depending upon how you’d like to segment) Projects within the same initiative that we picked. Similarly, designing the screens for the ‘Indian market’ and the ‘US market’ can be two different Projects under the same initiative. The Project information is present on the first page of the file as it provides the best overview of how the work is segmented inside the file.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":8,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":317,"end":351,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":357,"end":374,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":529,"end":544,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":553,"end":564,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_25":{"__typename":"Paragraph","id":"809470e75abd_25","name":"2a6e","type":"P","href":null,"layout":null,"metadata":null,"text":"Activities are the lower-level metadata that gives information about the work-streams or the different tasks that we do to complete a Project. All of the Activities are linked to their respective Projects with current statuses. Activities can begin with research and end in usability testing depending on what’s needed for a project.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":10,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*qlxVprlz_GU0dEdCyJ1a2w.png":{"__typename":"ImageMetadata","id":"1*qlxVprlz_GU0dEdCyJ1a2w.png","originalHeight":3621,"originalWidth":6480,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:809470e75abd_26":{"__typename":"Paragraph","id":"809470e75abd_26","name":"d674","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*qlxVprlz_GU0dEdCyJ1a2w.png"},"text":"2nd order — Meta data (Activities and Projects)","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_27":{"__typename":"Paragraph","id":"809470e75abd_27","name":"a127","type":"H4","href":null,"layout":null,"metadata":null,"text":"Third-order of organising","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_28":{"__typename":"Paragraph","id":"809470e75abd_28","name":"5d40","type":"P","href":null,"layout":null,"metadata":null,"text":"Activities can further be grouped into design stages. At Zeta, we have primarily broken down the process of design into 3 simple stages. Understand, Build, and Test. Everything else like Overview, Local Components, Style Guide, and Archive are given their respective places, separated out from the design stages.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"EM","start":137,"end":164,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":187,"end":239,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_29":{"__typename":"Paragraph","id":"809470e75abd_29","name":"b448","type":"P","href":null,"layout":null,"metadata":null,"text":"Understand","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":10,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_30":{"__typename":"Paragraph","id":"809470e75abd_30","name":"27b0","type":"P","href":null,"layout":null,"metadata":null,"text":"This stage has Activities that are taken up during the initial stages of design before they get picked for development. Like User Stories, Competitor Analysis, Journey Mapping, Information Architecture, and Mood-boards.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_31":{"__typename":"Paragraph","id":"809470e75abd_31","name":"5671","type":"P","href":null,"layout":null,"metadata":null,"text":"Build","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":5,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_32":{"__typename":"Paragraph","id":"809470e75abd_32","name":"c947","type":"P","href":null,"layout":null,"metadata":null,"text":"This stage has the designs, prototypes, and presentations that will be used by the development\u002Fsales team for building the product\u002Fsales pitches. This stage covers the output of the Activities that are intended to be picked up for screen design discussions and development. They also include initial design explorations.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_33":{"__typename":"Paragraph","id":"809470e75abd_33","name":"7079","type":"P","href":null,"layout":null,"metadata":null,"text":"Test","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":4,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_34":{"__typename":"Paragraph","id":"809470e75abd_34","name":"739a","type":"P","href":null,"layout":null,"metadata":null,"text":"This stage has all of the Activities that involve maintaining the quality of the end results from the Build stage, including UX Audits, and Activities that gather usability data on the designs or the research made. Measurement is key to any design process and this phase is dedicated to Activities that contribute to evaluating the design work.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*55hQIg6qsDRPMWXk_CyXYQ.gif":{"__typename":"ImageMetadata","id":"1*55hQIg6qsDRPMWXk_CyXYQ.gif","originalHeight":1080,"originalWidth":1933,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:809470e75abd_35":{"__typename":"Paragraph","id":"809470e75abd_35","name":"29e9","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*55hQIg6qsDRPMWXk_CyXYQ.gif"},"text":"3rd order — Meta meta-data (Activities and Projects)","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_36":{"__typename":"Paragraph","id":"809470e75abd_36","name":"4d01","type":"H3","href":null,"layout":null,"metadata":null,"text":"Derived principles for the guidelines","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_37":{"__typename":"Paragraph","id":"809470e75abd_37","name":"8f47","type":"P","href":null,"layout":null,"metadata":null,"text":"With the multi-order approach of organising information in place, we came up with components that we found good use for. Looking back, there are certain principles that we focused on to come up with better guidelines and components for organising information in the design files. Let’s take a look at them.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_38":{"__typename":"Paragraph","id":"809470e75abd_38","name":"7a45","type":"H4","href":null,"layout":null,"metadata":null,"text":"1. Flexibility to cover current use cases of initiatives","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_39":{"__typename":"Paragraph","id":"809470e75abd_39","name":"74d7","type":"P","href":null,"layout":null,"metadata":null,"text":"The initiatives at Zeta are varied in nature, like how it is in organisations that work on multiple aspects of design. We are not always designing an application. There can be diverse initiatives such as branding a product, adding a feature to an already existing product, and so forth. We wanted to make the guidelines work for all of the initiatives that are available currently and those that we can foresee with our current knowledge.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*7DrO0S8uOdhkLISq6ODsmQ.png":{"__typename":"ImageMetadata","id":"1*7DrO0S8uOdhkLISq6ODsmQ.png","originalHeight":4922,"originalWidth":5917,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:809470e75abd_40":{"__typename":"Paragraph","id":"809470e75abd_40","name":"b923","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*7DrO0S8uOdhkLISq6ODsmQ.png"},"text":"Activities for different design phases and task statuses","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_41":{"__typename":"Paragraph","id":"809470e75abd_41","name":"ebee","type":"H4","href":null,"layout":null,"metadata":null,"text":"2. Uniform vocabulary","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_42":{"__typename":"Paragraph","id":"809470e75abd_42","name":"3734","type":"P","href":null,"layout":null,"metadata":null,"text":"Having a uniform vocabulary in the guidelines such as the notion of Projects and Activities helps build a cohesive understanding within the organisation whenever the files are being looked up by someone.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*GPP-6qb2iKdX_pdD4nTCAg.png":{"__typename":"ImageMetadata","id":"1*GPP-6qb2iKdX_pdD4nTCAg.png","originalHeight":3169,"originalWidth":3293,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:809470e75abd_43":{"__typename":"Paragraph","id":"809470e75abd_43","name":"d897","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*GPP-6qb2iKdX_pdD4nTCAg.png"},"text":"Some components from the guidelines framework","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_44":{"__typename":"Paragraph","id":"809470e75abd_44","name":"fb8d","type":"H4","href":null,"layout":null,"metadata":null,"text":"3. Ease of implementation","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_45":{"__typename":"Paragraph","id":"809470e75abd_45","name":"784d","type":"P","href":null,"layout":null,"metadata":null,"text":"Some of us still think of organising information as an optional step. The benefits of organising can be huge for digesting information by other stakeholders (and ourselves) at any point. To reduce the efforts of the designers to sort out the information, we’ve created modular components and page templates that can be quickly implemented by copying and altering the text. This has made sure that the time it takes to organise and annotate is significantly less when compared to implementing an organising approach from scratch. There are also written instructions on how to segment Projects.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"EM","start":443,"end":461,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"MediaResource:956be034c2f408b830ac07b7920ded34":{"__typename":"MediaResource","id":"956be034c2f408b830ac07b7920ded34","iframeSrc":"https:\u002F\u002Fcdn.embedly.com\u002Fwidgets\u002Fmedia.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F526100917%3Fapp_id%3D122963&dntp=1&display_name=Vimeo&url=https%3A%2F%2Fvimeo.com%2F526100917&image=https%3A%2F%2Fi.vimeocdn.com%2Ffilter%2Foverlay%3Fsrc0%3Dhttps%253A%252F%252Fi.vimeocdn.com%252Fvideo%252F1089055390_1280x1269.jpg%26src1%3Dhttps%253A%252F%252Ff.vimeocdn.com%252Fimages_v6%252Fshare%252Fplay_icon_overlay.png&key=a19fcc184b9711e1b4764040d3dc5c07&type=text%2Fhtml&schema=vimeo","iframeHeight":1440,"iframeWidth":1452,"title":"Ease of implementation"},"Paragraph:809470e75abd_46":{"__typename":"Paragraph","id":"809470e75abd_46","name":"e2fc","type":"IFRAME","href":null,"layout":"INSET_CENTER","metadata":null,"text":"Project Template","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":{"__typename":"Iframe","mediaResource":{"__ref":"MediaResource:956be034c2f408b830ac07b7920ded34"}},"mixtapeMetadata":null},"Paragraph:809470e75abd_47":{"__typename":"Paragraph","id":"809470e75abd_47","name":"ff15","type":"H4","href":null,"layout":null,"metadata":null,"text":"4. Accommodation of all stakeholders","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_48":{"__typename":"Paragraph","id":"809470e75abd_48","name":"dfb0","type":"P","href":null,"layout":null,"metadata":null,"text":"Each one of us involved has different needs. Developers like to see the details of interactions and the visual elements. Product Managers and design reviewers need an understanding of which files to review and what type of feedback to provide. Design peers like to read the documentation and offer notes. Designers themselves like to be assisted with a checklist of things to do before wrapping up a project. We need to ensure that all of these use cases are easily executed using the guidelines system.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*DkyGEIW6Q3Tlp-uQLG5VkQ.png":{"__typename":"ImageMetadata","id":"1*DkyGEIW6Q3Tlp-uQLG5VkQ.png","originalHeight":3421,"originalWidth":5294,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:809470e75abd_49":{"__typename":"Paragraph","id":"809470e75abd_49","name":"26cb","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*DkyGEIW6Q3Tlp-uQLG5VkQ.png"},"text":"Feedback card and screen highlighter (that highlight the screens that needs feedback)","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_50":{"__typename":"Paragraph","id":"809470e75abd_50","name":"5483","type":"H4","href":null,"layout":null,"metadata":null,"text":"5. Room for continuous improvement","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_51":{"__typename":"Paragraph","id":"809470e75abd_51","name":"a72f","type":"P","href":null,"layout":null,"metadata":null,"text":"There’s always room for improvement for the guidelines to evolve. When someone faces an anomaly while using the guidelines, they need to feel free to share their feedback so they can be fixed in the upcoming versions. Our designers offer comments about the components that aren’t working well for their particular use case.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_52":{"__typename":"Paragraph","id":"809470e75abd_52","name":"40d8","type":"PQ","href":null,"layout":null,"metadata":null,"text":"These guidelines are called “guidelines” for a reason, they are not strict prescriptions but are good frameworks to follow for maximising the design outcome.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*KQEvb8Pqo_4-9iad33yP4A.png":{"__typename":"ImageMetadata","id":"1*KQEvb8Pqo_4-9iad33yP4A.png","originalHeight":8400,"originalWidth":13440,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:809470e75abd_53":{"__typename":"Paragraph","id":"809470e75abd_53","name":"8e00","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*KQEvb8Pqo_4-9iad33yP4A.png"},"text":"Improving the framework through feedback and comments from design peers","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_54":{"__typename":"Paragraph","id":"809470e75abd_54","name":"e7e7","type":"H3","href":null,"layout":null,"metadata":null,"text":"Bonus outcomes of practising the guidelines","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_55":{"__typename":"Paragraph","id":"809470e75abd_55","name":"2061","type":"ULI","href":null,"layout":null,"metadata":null,"text":"While practicing the Project and Activity notion, we have progressed in quantifying the work in terms of which business\u002Fuser need constitutes a Project in the context of Banking in Zeta. This outcome helps with identifying the resources, knowledge gaps, and tasks that are required for completing a design initiative.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_56":{"__typename":"Paragraph","id":"809470e75abd_56","name":"1816","type":"ULI","href":null,"layout":null,"metadata":null,"text":"While presenting the work to our teammates or others (which we do regularly in our sync-ups), it has become easier to highlight the importance of a Project or Activity without having to open multiple tabs of documents. As the work is thoughtfully organised, it presents itself better.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_57":{"__typename":"Paragraph","id":"809470e75abd_57","name":"c4c0","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Developers and Product Managers can see the statuses of the tasks that are in progress, by not having to ask the designers every time. They communicate their needs accordingly, based on what’s visible on the files. Thereby, we’ve improved our asynchronous communication, which is one of the dire needs of working from home.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_58":{"__typename":"Paragraph","id":"809470e75abd_58","name":"6490","type":"H3","href":null,"layout":null,"metadata":null,"text":"In conclusion…","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_59":{"__typename":"Paragraph","id":"809470e75abd_59","name":"71d1","type":"P","href":null,"layout":null,"metadata":null,"text":"The future of our guidelines system will involve testing the notions with all of the involved stakeholders and seeing if there are ways to improve.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_60":{"__typename":"Paragraph","id":"809470e75abd_60","name":"8f02","type":"P","href":null,"layout":null,"metadata":null,"text":"We have come to the end of the article. If you’re still not convinced about having a guidelines system in place for your team, let me ask you this. Which do you think is useful — an unorganised bunch of pages with information that is not cohesive or a book that is filtered and sectioned appropriately for the pleasure of your reading?","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_61":{"__typename":"Paragraph","id":"809470e75abd_61","name":"78f4","type":"PQ","href":null,"layout":null,"metadata":null,"text":"Taking ten minutes to make design files less overwhelming will create a monumental change that’s built for scale in terms of effective knowledge absorption and collaboration.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_62":{"__typename":"Paragraph","id":"809470e75abd_62","name":"cee3","type":"P","href":null,"layout":null,"metadata":null,"text":"If you are the only designer who has the access to the knowledge of your design projects, it’s time to spread your wisdom to others through efficient organisation and annotation of your design files which will be heavily beneficial and interesting to others in the team. That’s the genuine pitch.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:809470e75abd_63":{"__typename":"Paragraph","id":"809470e75abd_63","name":"83f0","type":"P","href":null,"layout":null,"metadata":null,"text":"Thanks for taking the time to read! I hope you found this article valuable. If so, do let us know in the comments! Feel free to access the community file (to duplicate) that has the components discussed in the article. You can improve them based on your organisation’s needs.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":128,"end":153,"href":"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F956104597852044734\u002FGuidelines-on-Organising-Work","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":128,"end":169,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"MediaResource:e2c43c35388031057ff8cd5a5671e917":{"__typename":"MediaResource","id":"e2c43c35388031057ff8cd5a5671e917","iframeSrc":"https:\u002F\u002Fcdn.embedly.com\u002Fwidgets\u002Fmedia.html?src=https%3A%2F%2Fwww.figma.com%2Fembed%3Fembed_host%3Doembed%26url%3Dhttps%3A%2F%2Fwww.figma.com%2Ffile%2Fpl7J7Qmhc8p66qWAJGLMdU%2FGuidelines-on-Organising-Work&display_name=Figma&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fpl7J7Qmhc8p66qWAJGLMdU%2FGuidelines-on-Organising-Work&image=https%3A%2F%2Fapi-cdn.figma.com%2Fresize%2Fthumbnails%2F2426ceba-dc60-4877-98f6-550fd65ee67d%3Fheight%3D400%26bucket%3Dfigma-alpha&key=a19fcc184b9711e1b4764040d3dc5c07&type=text%2Fhtml&schema=figma","iframeHeight":450,"iframeWidth":800,"title":"Guidelines on Organising Work"},"Paragraph:809470e75abd_64":{"__typename":"Paragraph","id":"809470e75abd_64","name":"206d","type":"IFRAME","href":null,"layout":"INSET_CENTER","metadata":null,"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":{"__typename":"Iframe","mediaResource":{"__ref":"MediaResource:e2c43c35388031057ff8cd5a5671e917"}},"mixtapeMetadata":null},"Paragraph:809470e75abd_65":{"__typename":"Paragraph","id":"809470e75abd_65","name":"ef23","type":"P","href":null,"layout":null,"metadata":null,"text":"Feeling thankful to Mustafa Quilon, and Zeta’s banking design team for the help and assistance in the creation and adoption of the organising guidelines. Thanks to Femke van Schoonhoven, Mixpanel designers, and the Figma community members for inspiring us to work on this project through their own file organisation initiatives. ❤","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":20,"end":34,"href":null,"anchorType":"USER","userId":"4acc1a4e4abb","linkMetadata":null},{"__typename":"Markup","type":"A","start":164,"end":185,"href":null,"anchorType":"USER","userId":"b59d9418c84b","linkMetadata":null},{"__typename":"Markup","type":"A","start":187,"end":195,"href":null,"anchorType":"USER","userId":"d9ce9f6dba3e","linkMetadata":null},{"__typename":"Markup","type":"A","start":215,"end":220,"href":null,"anchorType":"USER","userId":"bf1152b11387","linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"MediaResource:2237e7aa475a9ebad59b403805e5f41d":{"__typename":"MediaResource","id":"2237e7aa475a9ebad59b403805e5f41d","iframeSrc":"https:\u002F\u002Fcdn.embedly.com\u002Fwidgets\u002Fmedia.html?src=https%3A%2F%2Fgiphy.com%2Fembed%2Fj0eRJzyW7XjMpu1Pqd%2Ftwitter%2Fiframe&display_name=Giphy&url=https%3A%2F%2Fgiphy.com%2Fgifs%2Fmoodman-j0eRJzyW7XjMpu1Pqd&image=https%3A%2F%2Fmedia0.giphy.com%2Fmedia%2Fv1.Y2lkPTc5MGI3NjExMTUzZWEzYjgwNGUyN2RhMzQ0MzAxMzgyY2UxZGJkOTU2YThiMThkZiZlcD12MV9pbnRlcm5hbF9naWZzX2dpZklkJmN0PWc%2Fj0eRJzyW7XjMpu1Pqd%2Fgiphy.gif&key=a19fcc184b9711e1b4764040d3dc5c07&type=text%2Fhtml&schema=giphy","iframeHeight":237,"iframeWidth":435,"title":"Cry About It GIF by MOODMAN - Find & Share on GIPHY"},"Paragraph:809470e75abd_66":{"__typename":"Paragraph","id":"809470e75abd_66","name":"f97d","type":"IFRAME","href":null,"layout":"INSET_CENTER","metadata":null,"text":"Always moving forward.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":{"__typename":"Iframe","mediaResource":{"__ref":"MediaResource:2237e7aa475a9ebad59b403805e5f41d"}},"mixtapeMetadata":null},"CollectionViewerEdge:collectionId:b1d9ef1bb1cd-viewerId:lo_2a4cd4d7e4f4":{"__typename":"CollectionViewerEdge","id":"collectionId:b1d9ef1bb1cd-viewerId:lo_2a4cd4d7e4f4","isEditor":false,"isMuting":false},"ImageMetadata:1*Vjz4OlxhDF68YL7pwRL-Rg.png":{"__typename":"ImageMetadata","id":"1*Vjz4OlxhDF68YL7pwRL-Rg.png","originalWidth":600,"originalHeight":120},"PostViewerEdge:postId:6b9839d7adff-viewerId:lo_2a4cd4d7e4f4":{"__typename":"PostViewerEdge","shouldIndexPostForExternalSearch":true,"id":"postId:6b9839d7adff-viewerId:lo_2a4cd4d7e4f4"},"Tag:design":{"__typename":"Tag","id":"design","displayTitle":"Design","normalizedTagSlug":"design"},"Tag:ux":{"__typename":"Tag","id":"ux","displayTitle":"UX","normalizedTagSlug":"ux"},"Tag:design-systems":{"__typename":"Tag","id":"design-systems","displayTitle":"Design Systems","normalizedTagSlug":"design-systems"},"Tag:figma":{"__typename":"Tag","id":"figma","displayTitle":"Figma","normalizedTagSlug":"figma"},"Tag:organising":{"__typename":"Tag","id":"organising","displayTitle":"Organising","normalizedTagSlug":"organising"},"Post:6b9839d7adff":{"__typename":"Post","id":"6b9839d7adff","collection":{"__ref":"Collection:b1d9ef1bb1cd"},"content({\"postMeteringOptions\":{}})":{"__typename":"PostContent","isLockedPreviewOnly":false,"bodyModel":{"__typename":"RichText","sections":[{"__typename":"Section","name":"fb3d","startIndex":0,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"577c","startIndex":63,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null}],"paragraphs":[{"__ref":"Paragraph:809470e75abd_0"},{"__ref":"Paragraph:809470e75abd_1"},{"__ref":"Paragraph:809470e75abd_2"},{"__ref":"Paragraph:809470e75abd_3"},{"__ref":"Paragraph:809470e75abd_4"},{"__ref":"Paragraph:809470e75abd_5"},{"__ref":"Paragraph:809470e75abd_6"},{"__ref":"Paragraph:809470e75abd_7"},{"__ref":"Paragraph:809470e75abd_8"},{"__ref":"Paragraph:809470e75abd_9"},{"__ref":"Paragraph:809470e75abd_10"},{"__ref":"Paragraph:809470e75abd_11"},{"__ref":"Paragraph:809470e75abd_12"},{"__ref":"Paragraph:809470e75abd_13"},{"__ref":"Paragraph:809470e75abd_14"},{"__ref":"Paragraph:809470e75abd_15"},{"__ref":"Paragraph:809470e75abd_16"},{"__ref":"Paragraph:809470e75abd_17"},{"__ref":"Paragraph:809470e75abd_18"},{"__ref":"Paragraph:809470e75abd_19"},{"__ref":"Paragraph:809470e75abd_20"},{"__ref":"Paragraph:809470e75abd_21"},{"__ref":"Paragraph:809470e75abd_22"},{"__ref":"Paragraph:809470e75abd_23"},{"__ref":"Paragraph:809470e75abd_24"},{"__ref":"Paragraph:809470e75abd_25"},{"__ref":"Paragraph:809470e75abd_26"},{"__ref":"Paragraph:809470e75abd_27"},{"__ref":"Paragraph:809470e75abd_28"},{"__ref":"Paragraph:809470e75abd_29"},{"__ref":"Paragraph:809470e75abd_30"},{"__ref":"Paragraph:809470e75abd_31"},{"__ref":"Paragraph:809470e75abd_32"},{"__ref":"Paragraph:809470e75abd_33"},{"__ref":"Paragraph:809470e75abd_34"},{"__ref":"Paragraph:809470e75abd_35"},{"__ref":"Paragraph:809470e75abd_36"},{"__ref":"Paragraph:809470e75abd_37"},{"__ref":"Paragraph:809470e75abd_38"},{"__ref":"Paragraph:809470e75abd_39"},{"__ref":"Paragraph:809470e75abd_40"},{"__ref":"Paragraph:809470e75abd_41"},{"__ref":"Paragraph:809470e75abd_42"},{"__ref":"Paragraph:809470e75abd_43"},{"__ref":"Paragraph:809470e75abd_44"},{"__ref":"Paragraph:809470e75abd_45"},{"__ref":"Paragraph:809470e75abd_46"},{"__ref":"Paragraph:809470e75abd_47"},{"__ref":"Paragraph:809470e75abd_48"},{"__ref":"Paragraph:809470e75abd_49"},{"__ref":"Paragraph:809470e75abd_50"},{"__ref":"Paragraph:809470e75abd_51"},{"__ref":"Paragraph:809470e75abd_52"},{"__ref":"Paragraph:809470e75abd_53"},{"__ref":"Paragraph:809470e75abd_54"},{"__ref":"Paragraph:809470e75abd_55"},{"__ref":"Paragraph:809470e75abd_56"},{"__ref":"Paragraph:809470e75abd_57"},{"__ref":"Paragraph:809470e75abd_58"},{"__ref":"Paragraph:809470e75abd_59"},{"__ref":"Paragraph:809470e75abd_60"},{"__ref":"Paragraph:809470e75abd_61"},{"__ref":"Paragraph:809470e75abd_62"},{"__ref":"Paragraph:809470e75abd_63"},{"__ref":"Paragraph:809470e75abd_64"},{"__ref":"Paragraph:809470e75abd_65"},{"__ref":"Paragraph:809470e75abd_66"}]},"validatedShareKey":"","shareKeyCreator":null},"creator":{"__ref":"User:d558dad921b"},"inResponseToEntityType":null,"isLocked":false,"isMarkedPaywallOnly":false,"lockedSource":"LOCKED_POST_SOURCE_NONE","mediumUrl":"https:\u002F\u002Fdesign.zeta.in\u002Forganising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff","primaryTopic":null,"topics":[{"__typename":"Topic","slug":"design"}],"isPublished":true,"latestPublishedVersion":"809470e75abd","visibility":"PUBLIC","postResponses":{"__typename":"PostResponses","count":3},"clapCount":1519,"allowResponses":true,"isLimitedState":false,"title":"Organising Design Work in Figma — A Systemic Guide and Framework","isSeries":false,"sequence":null,"uniqueSlug":"organising-design-work-in-figma-a-systemic-guide-and-framework-6b9839d7adff","socialTitle":"","socialDek":"","canonicalUrl":"","metaDescription":"","latestPublishedAt":1702315468979,"readingTime":8.744339622641508,"previewContent":{"__typename":"PreviewContent","subtitle":"For digital designers who want to organise their working files to improve clarity and collaboration within and across teams"},"previewImage":{"__ref":"ImageMetadata:1*wFq2Z3I5zOEQvb07zHJo2w.jpeg"},"isShortform":false,"seoTitle":"","firstPublishedAt":1616496928851,"updatedAt":1702315468979,"shortformType":"SHORTFORM_TYPE_LINK","seoDescription":"For digital designers who want to organise their working files to improve clarity and collaboration within and across teams","viewerEdge":{"__ref":"PostViewerEdge:postId:6b9839d7adff-viewerId:lo_2a4cd4d7e4f4"},"isSuspended":false,"license":"ALL_RIGHTS_RESERVED","tags":[{"__ref":"Tag:design"},{"__ref":"Tag:ux"},{"__ref":"Tag:design-systems"},{"__ref":"Tag:figma"},{"__ref":"Tag:organising"}],"isNewsletter":false,"statusForCollection":"APPROVED","pendingCollection":null,"detectedLanguage":"en","wordCount":1986,"layerCake":4,"responsesLocked":false}}</script><script src="https://cdn-client.medium.com/lite/static/js/manifest.aa9242f7.js"></script><script src="https://cdn-client.medium.com/lite/static/js/9865.1496d74a.js"></script><script src="https://cdn-client.medium.com/lite/static/js/main.e556b4ac.js"></script><script src="https://cdn-client.medium.com/lite/static/js/instrumentation.d9108df7.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/reporting.ff22a7a5.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9120.5df29668.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5049.d1ead72d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4810.6318add7.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6618.db187378.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2707.b0942613.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9977.5b3eb23a.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8599.1ab63137.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5250.9f9e01d2.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5787.e66a3a4d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2648.26563adf.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8393.826a25fb.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3104.c3413b66.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3735.afb7e926.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5642.8ad8a900.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6546.cd03f950.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6834.08de95de.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7346.72622eb9.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2420.2a5e2d95.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/839.ca7937c2.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7975.d195c6f1.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2106.21ff89d3.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7394.094844de.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2961.00a48598.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8204.c4082863.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4391.59acaed3.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/PostPage.MainContent.1387c5dc.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8414.6565ad5f.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3974.8d3e0217.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2527.a0afad8a.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/PostResponsesContent.36c2ecf4.chunk.js"></script><script>window.main();</script></body></html>