CINXE.COM

<!doctype html><html lang="en"><head><title data-rh="true">Annotating Design Files in Figma. Enhancing communication and… | by Bhawna Nagpal | 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="2024-06-19T09:20:54.027Z"/><meta data-rh="true" name="title" content="Annotating Design Files in Figma. Enhancing communication and… | by Bhawna Nagpal | Zeta Design"/><meta data-rh="true" property="og:title" content="Annotating Design Files in Figma"/><meta data-rh="true" property="al:android:url" content="medium://p/3de6e1059f39"/><meta data-rh="true" property="al:ios:url" content="medium://p/3de6e1059f39"/><meta data-rh="true" property="al:android:app_name" content="Medium"/><meta data-rh="true" name="description" content="Here at Zeta design team, we always believed we annotated our Figma design files quite well — or so we thought. We named frames, added section headers, notes for additional information, and used…"/><meta data-rh="true" property="og:description" content="Enhancing communication and documentation"/><meta data-rh="true" property="og:url" content="https://design.zeta.in/annotating-design-files-in-figma-3de6e1059f39"/><meta data-rh="true" property="al:web:url" content="https://design.zeta.in/annotating-design-files-in-figma-3de6e1059f39"/><meta data-rh="true" property="og:image" content="https://miro.medium.com/v2/resize:fit:1200/1*aWQFV4v2XmY0YJns2x9C1A.png"/><meta data-rh="true" property="article:author" content="https://medium.com/@bhawnanagpal37"/><meta data-rh="true" name="author" content="Bhawna Nagpal"/><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="Annotating Design Files in Figma"/><meta data-rh="true" name="twitter:site" content="@zetaindia"/><meta data-rh="true" name="twitter:app:url:iphone" content="medium://p/3de6e1059f39"/><meta data-rh="true" property="twitter:description" content="Enhancing communication and documentation"/><meta data-rh="true" name="twitter:image:src" content="https://miro.medium.com/v2/resize:fit:1200/1*aWQFV4v2XmY0YJns2x9C1A.png"/><meta data-rh="true" name="twitter:card" content="summary_large_image"/><meta data-rh="true" name="twitter:label1" content="Reading time"/><meta data-rh="true" name="twitter:data1" content="5 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://medium.com/@bhawnanagpal37"/><link data-rh="true" rel="canonical" href="https://design.zeta.in/annotating-design-files-in-figma-3de6e1059f39"/><link data-rh="true" rel="alternate" href="android-app://com.medium.reader/https/medium.com/p/3de6e1059f39"/><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*aWQFV4v2XmY0YJns2x9C1A.png"],"url":"https:\u002F\u002Fdesign.zeta.in\u002Fannotating-design-files-in-figma-3de6e1059f39","dateCreated":"2024-06-18T10:51:54.257Z","datePublished":"2024-06-18T10:51:54.257Z","dateModified":"2024-11-23T00:21:36.951Z","headline":"Annotating Design Files in Figma - Zeta Design","name":"Annotating Design Files in Figma - Zeta Design","description":"Here at Zeta design team, we always believed we annotated our Figma design files quite well — or so we thought. We named frames, added section headers, notes for additional information, and used…","identifier":"3de6e1059f39","author":{"@type":"Person","name":"Bhawna Nagpal","url":"https:\u002F\u002Fdesign.zeta.in\u002F@bhawnanagpal37"},"creator":["Bhawna Nagpal"],"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\u002Fannotating-design-files-in-figma-3de6e1059f39"}</script><style type="text/css" data-fela-rehydration="603" 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="603" 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="603" 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{clear:both}.np{margin-left:auto}.nq{margin-right:auto}.nr{max-width:2250px}.nx{padding-top:5px}.ny{padding-bottom:5px}.oa{cursor:zoom-in}.ob{z-index:auto}.od{height:auto}.oe{line-height:1.58}.of{letter-spacing:-0.004em}.og{font-family:source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif}.oz{margin-bottom:-0.46em}.pa{font-style:italic}.pb{padding-left:30px}.pc{line-height:40px}.pd{letter-spacing:-0.009em}.pe{font-weight:300}.pf{font-size:28px}.pl{font-style:inherit}.pr{line-height:1.18}.ps{letter-spacing:-0.022em}.pt{font-weight:600}.qj{margin-bottom:-0.31em}.qp{list-style-type:decimal}.qq{margin-left:30px}.qr{padding-left:0px}.qx{max-width:347px}.qy{margin-top:10px}.qz{max-width:728px}.rc{text-decoration:underline}.rd{max-width:2322px}.re{max-width:1364px}.rf{line-height:1.12}.rw{margin-bottom:-0.28em}.rx{max-width:1425px}.ry{max-width:2242px}.rz{max-width:504px}.sa{max-width:8931px}.sb{margin-top:32px}.sc{margin-bottom:14px}.sd{padding-top:24px}.se{padding-bottom:10px}.sf{background-color:#000000}.sg{height:3px}.sh{width:3px}.si{margin-right:20px}.sj{margin-bottom:26px}.sk{margin-top:6px}.sl{margin-top:8px}.sm{margin-right:8px}.sn{padding:8px 16px}.so{border-radius:100px}.sp{transition:background 300ms ease}.sr{white-space:nowrap}.ss{border-top:none}.st{height:52px}.su{max-height:52px}.sv{box-sizing:content-box}.sw{position:static}.sy{max-width:155px}.tj{height:0px}.tk{margin-bottom:40px}.tl{margin-bottom:48px}.tz{border-radius:2px}.ub{height:64px}.uc{width:64px}.ud{align-self:flex-end}.ue{color:rgba(255, 255, 255, 1)}.uf{fill:rgba(255, 255, 255, 1)}.ug{background:rgba(25, 25, 25, 1)}.uh{border-color:rgba(25, 25, 25, 1)}.uk:disabled{opacity:0.1}.ul:disabled:hover{background:rgba(25, 25, 25, 1)}.um:disabled:hover{border-color:rgba(25, 25, 25, 1)}.un{flex:1 1 auto}.ur{padding-right:4px}.us{font-weight:500}.uz{margin-top:16px}.vi{gap:18px}.vj{fill:rgba(61, 61, 61, 1)}.vl{fill:#242424}.vm{background:0}.vn{border-color:#242424}.vo:disabled:hover{color:#242424}.vp:disabled:hover{fill:#242424}.vq:disabled:hover{border-color:#242424}.wb{border-bottom:solid 1px #E5E5E5}.wc{margin-top:72px}.wd{padding:24px 0}.we{margin-bottom:0px}.wf{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}.sq:hover{background-color:#F2F2F2}.ua:hover{background-color:none}.ui:hover{background:#000000}.uj:hover{border-color:#242424}.vk: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}.oc:focus{transform:scale(1.01)}.lt:active{border-style:none}</style><style type="text/css" data-fela-rehydration="603" 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}.no{max-width:1192px}.nw{margin-top:56px}.ov{font-size:20px}.ow{margin-top:2.14em}.ox{line-height:32px}.oy{letter-spacing:-0.003em}.pk{margin-top:1.75em}.pq{margin-top:2.64em}.qg{margin-top:1.72em}.qh{line-height:24px}.qi{letter-spacing:0}.qo{margin-top:0.94em}.qw{margin-top:1.14em}.rs{font-size:24px}.rt{margin-top:1.95em}.ru{line-height:30px}.rv{letter-spacing:-0.016em}.td{display:inline-block}.ti{margin-bottom:104px}.tm{flex-direction:row}.tp{margin-bottom:0}.tq{margin-right:20px}.uo{max-width:500px}.ve{margin-bottom:88px}.vh{margin-bottom:72px}.vv{width:min-width}.wa{padding-top:72px}</style><style type="text/css" data-fela-rehydration="603" data-fela-type="RULE" media="all and (max-width: 1079.98px)">.e{display:none}.lz{margin-top:0px}.ra{margin-left:auto}.rb{text-align:center}.tc{display:inline-block}</style><style type="text/css" data-fela-rehydration="603" data-fela-type="RULE" media="all and (max-width: 903.98px)">.f{display:none}.ly{margin-top:0px}.tb{display:inline-block}</style><style type="text/css" data-fela-rehydration="603" data-fela-type="RULE" media="all and (max-width: 727.98px)">.g{display:none}.lw{margin-top:0px}.lx{margin-right:0px}.ta{display:inline-block}</style><style type="text/css" data-fela-rehydration="603" 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}.nk{max-width:100%}.ns{margin-top:40px}.oh{margin-top:1.56em}.oi{line-height:28px}.oj{letter-spacing:-0.003em}.pg{margin-top:1.08em}.pm{margin-top:2em}.pu{font-size:16px}.pv{margin-top:1.23em}.pw{letter-spacing:0}.qk{margin-top:0.67em}.qs{margin-top:1.34em}.rg{font-size:20px}.rh{margin-top:1.2em}.sz{display:inline-block}.te{margin-bottom:96px}.tx{margin-bottom:20px}.ty{margin-right:0}.ut{font-size:24px}.uu{line-height:30px}.uv{letter-spacing:-0.016em}.va{margin-bottom:64px}.vr{width:100%}.vw{padding-top:48px}.na:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="603" 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}.nn{max-width:1192px}.nv{margin-top:56px}.or{font-size:20px}.os{margin-top:2.14em}.ot{line-height:32px}.ou{letter-spacing:-0.003em}.pj{margin-top:1.75em}.pp{margin-top:2.64em}.qd{margin-top:1.72em}.qe{line-height:24px}.qf{letter-spacing:0}.qn{margin-top:0.94em}.qv{margin-top:1.14em}.ro{font-size:24px}.rp{margin-top:1.95em}.rq{line-height:30px}.rr{letter-spacing:-0.016em}.th{margin-bottom:104px}.tn{flex-direction:row}.tr{margin-bottom:0}.ts{margin-right:20px}.up{max-width:500px}.vd{margin-bottom:88px}.vg{margin-bottom:72px}.vu{width:min-width}.vz{padding-top:72px}</style><style type="text/css" data-fela-rehydration="603" 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}.nm{max-width:100%}.nu{margin-top:56px}.on{font-size:20px}.oo{margin-top:2.14em}.op{line-height:32px}.oq{letter-spacing:-0.003em}.pi{margin-top:1.75em}.po{margin-top:2.64em}.qa{margin-top:1.72em}.qb{line-height:24px}.qc{letter-spacing:0}.qm{margin-top:0.94em}.qu{margin-top:1.14em}.rk{font-size:24px}.rl{margin-top:1.95em}.rm{line-height:30px}.rn{letter-spacing:-0.016em}.tg{margin-bottom:104px}.to{flex-direction:row}.tt{margin-bottom:0}.tu{margin-right:20px}.uq{max-width:500px}.vc{margin-bottom:88px}.vf{margin-bottom:72px}.vt{width:min-width}.vy{padding-top:72px}</style><style type="text/css" data-fela-rehydration="603" 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}.nl{max-width:100%}.nt{margin-top:40px}.ok{margin-top:1.56em}.ol{line-height:28px}.om{letter-spacing:-0.003em}.ph{margin-top:1.08em}.pn{margin-top:2em}.px{font-size:16px}.py{margin-top:1.23em}.pz{letter-spacing:0}.ql{margin-top:0.67em}.qt{margin-top:1.34em}.ri{font-size:20px}.rj{margin-top:1.2em}.tf{margin-bottom:96px}.tv{margin-bottom:20px}.tw{margin-right:0}.uw{font-size:24px}.ux{line-height:30px}.uy{letter-spacing:-0.016em}.vb{margin-bottom:64px}.vs{width:100%}.vx{padding-top:48px}.nh:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="603" data-fela-type="RULE" media="print">.sx{display:none}</style><style type="text/css" data-fela-rehydration="603" data-fela-type="RULE" media="(orientation: landscape) and (max-width: 903.98px)">.jy{max-height:none}</style><style type="text/css" data-fela-rehydration="603" data-fela-type="RULE" media="(prefers-reduced-motion: no-preference)">.nz{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%2F3de6e1059f39&amp;%7Efeature=LoOpenInAppButton&amp;%7Echannel=ShowPostUnderCollection&amp;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&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fannotating-design-files-in-figma-3de6e1059f39&amp;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&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fannotating-design-files-in-figma-3de6e1059f39&amp;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&amp;redirect=https%3A%2F%2Fmedium.com%2Fnew-story&amp;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&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fannotating-design-files-in-figma-3de6e1059f39&amp;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&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fannotating-design-files-in-figma-3de6e1059f39&amp;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="f154" 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">Annotating Design Files in Figma</h1></div><div><h2 id="4bd2" 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">Enhancing communication and documentation</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://medium.com/@bhawnanagpal37?source=post_page---byline--3de6e1059f39--------------------------------" rel="noopener follow"><div class="l in io by ip iq"><div class="l fj"><img alt="Bhawna Nagpal" class="l fd by dd de cx" src="https://miro.medium.com/v2/resize:fill:88:88/2*Y4BZeL5mDmKBt2XgK9Q_4A.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--3de6e1059f39--------------------------------" 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://medium.com/@bhawnanagpal37?source=post_page---byline--3de6e1059f39--------------------------------" rel="noopener follow">Bhawna Nagpal</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%2Fcef2d3ab35f2&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fannotating-design-files-in-figma-3de6e1059f39&amp;user=Bhawna+Nagpal&amp;userId=cef2d3ab35f2&amp;source=post_page-cef2d3ab35f2--byline--3de6e1059f39---------------------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--3de6e1059f39--------------------------------" 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">5 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">Jun 18, 2024</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%2F3de6e1059f39&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fannotating-design-files-in-figma-3de6e1059f39&amp;user=Bhawna+Nagpal&amp;userId=cef2d3ab35f2&amp;source=---header_actions--3de6e1059f39---------------------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">1</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%2F3de6e1059f39&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fannotating-design-files-in-figma-3de6e1059f39&amp;source=---header_actions--3de6e1059f39---------------------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></div></div><div class="nj"><div class="ab cb"><div class="ml nk mm nl mn nm cf nn cg no ci bh"><figure class="ns nt nu nv nw nj nx ny paragraph-image"><div role="button" tabindex="0" class="nz oa fj ob bh oc"><div class="np nq nr"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*aWQFV4v2XmY0YJns2x9C1A.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*aWQFV4v2XmY0YJns2x9C1A.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*aWQFV4v2XmY0YJns2x9C1A.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*aWQFV4v2XmY0YJns2x9C1A.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*aWQFV4v2XmY0YJns2x9C1A.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*aWQFV4v2XmY0YJns2x9C1A.png 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*aWQFV4v2XmY0YJns2x9C1A.png 2000w" 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, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*aWQFV4v2XmY0YJns2x9C1A.png 640w, https://miro.medium.com/v2/resize:fit:720/1*aWQFV4v2XmY0YJns2x9C1A.png 720w, https://miro.medium.com/v2/resize:fit:750/1*aWQFV4v2XmY0YJns2x9C1A.png 750w, https://miro.medium.com/v2/resize:fit:786/1*aWQFV4v2XmY0YJns2x9C1A.png 786w, https://miro.medium.com/v2/resize:fit:828/1*aWQFV4v2XmY0YJns2x9C1A.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*aWQFV4v2XmY0YJns2x9C1A.png 1100w, https://miro.medium.com/v2/resize:fit:2000/1*aWQFV4v2XmY0YJns2x9C1A.png 2000w" 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, 1000px"/><img alt="" class="bh mq od c" width="1000" height="500" loading="eager" role="presentation"/></picture></div></div></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="0f44" class="pw-post-body-paragraph oe of gu og b hs oh oi oj hv ok ol om on oo op oq or os ot ou ov ow ox oy oz gn bk">Here at Zeta design team, we always believed we annotated our Figma design files quite well — or so we thought. We named frames, added section headers, notes for additional information, and used indicators for flows. However, we soon realized this approach wasn’t working well for the whole “team”.</p><p id="12d3" class="pw-post-body-paragraph oe of gu og b hs oh oi oj hv ok ol om on oo op oq or os ot ou ov ow ox oy oz gn bk"><em class="pa">By “team,” we mean not just designers, but also product managers, engineers, QA team, and </em>s<em class="pa">enior leadership.</em></p><blockquote class="pb"><p id="85c2" class="pc pd gu bf pe pf pg ph pi pj pk oz du"><em class="pl">Because the design canvas is as important for other stakeholders as it is to the design team</em></p></blockquote><p id="fe3c" class="pw-post-body-paragraph oe of gu og b hs pm oi oj hv pn ol om on po op oq or pp ot ou ov pq ox oy oz gn bk">Hence, there was a need to expand and revamp our existing annotations framework to the one that fits the needs of all.</p><h2 id="2a0e" class="pr ps gu bf pt pu pv dy pw px py ea pz on qa qb qc or qd qe qf ov qg qh qi qj bk">Focus: Better, Not Busier</h2><p id="c30d" class="pw-post-body-paragraph oe of gu og b hs qk oi oj hv ql ol om on qm op oq or qn ot ou ov qo ox oy oz gn bk">As we already have an actively used annotation framework in place, we didn’t want to mess with it too much.</p><p id="82d9" class="pw-post-body-paragraph oe of gu og b hs oh oi oj hv ok ol om on oo op oq or os ot ou ov ow ox oy oz gn bk">What we’re after is not just a change but an enhancement — a framework that seamlessly integrates into our existing workflow.</p><p id="35ba" class="pw-post-body-paragraph oe of gu og b hs oh oi oj hv ok ol om on oo op oq or os ot ou ov ow ox oy oz gn bk">We’re looking to achieve <strong class="og gv">two key goals</strong>:</p><ol class=""><li id="bf04" class="oe of gu og b hs oh oi oj hv ok ol om on oo op oq or os ot ou ov ow ox oy oz qp qq qr bk"><strong class="og gv">Easy Accommodation &amp; Adaptation</strong>: Our enhanced framework should be easy for designers to adapt, ensuring a smooth transition without added complexities.</li><li id="8494" class="oe of gu og b hs qs oi oj hv qt ol om on qu op oq or qv ot ou ov qw ox oy oz qp qq qr bk"><strong class="og gv">Enhanced Understanding for All</strong>: Our ultimate goal is to make the designs more accessible and understandable for everyone involved, not just the design team.</li></ol><h2 id="8ee5" class="pr ps gu bf pt pu pv dy pw px py ea pz on qa qb qc or qd qe qf ov qg qh qi qj bk">But, what needs fixing?</h2><p id="e1a8" class="pw-post-body-paragraph oe of gu og b hs qk oi oj hv ql ol om on qm op oq or qn ot ou ov qo ox oy oz gn bk">To figure out what exactly needed fixing, we did some in-depth research with the <strong class="og gv">users of our Figma file</strong>.</p><figure class="ns nt nu nv nw nj np nq paragraph-image"><div class="np nq qx"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*mmICBP1xwBDgURr4kKjieg.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*mmICBP1xwBDgURr4kKjieg.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*mmICBP1xwBDgURr4kKjieg.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*mmICBP1xwBDgURr4kKjieg.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*mmICBP1xwBDgURr4kKjieg.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*mmICBP1xwBDgURr4kKjieg.png 1100w, https://miro.medium.com/v2/resize:fit:694/format:webp/1*mmICBP1xwBDgURr4kKjieg.png 694w" 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, 347px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*mmICBP1xwBDgURr4kKjieg.png 640w, https://miro.medium.com/v2/resize:fit:720/1*mmICBP1xwBDgURr4kKjieg.png 720w, https://miro.medium.com/v2/resize:fit:750/1*mmICBP1xwBDgURr4kKjieg.png 750w, https://miro.medium.com/v2/resize:fit:786/1*mmICBP1xwBDgURr4kKjieg.png 786w, https://miro.medium.com/v2/resize:fit:828/1*mmICBP1xwBDgURr4kKjieg.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*mmICBP1xwBDgURr4kKjieg.png 1100w, https://miro.medium.com/v2/resize:fit:694/1*mmICBP1xwBDgURr4kKjieg.png 694w" 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, 347px"/><img alt="" class="bh mq od c" width="347" height="347" loading="lazy" role="presentation"/></picture></div><figcaption class="qy ff qz np nq ra rb bf b bg z du">#beingdesigners😎</figcaption></figure><p id="5bf9" class="pw-post-body-paragraph oe of gu og b hs oh oi oj hv ok ol om on oo op oq or os ot ou ov ow ox oy oz gn bk">We talked to developers, PMs, the QA team, and the designers, of course, to understand their use cases, needs, and frustrations. For the complete persona-based research, check out this <a class="af rc" href="https://www.figma.com/board/gFEbIHRXZ6FYtBcJ5oi8BG/Annotation-Framework-(Discover)?node-id=0-1&amp;t=9Jt209SIsctv9RU0-1" rel="noopener ugc nofollow" target="_blank">link</a>. Here’s a glimpse of our discovery:</p></div></div><div class="nj"><div class="ab cb"><div class="ml nk mm nl mn nm cf nn cg no ci bh"><figure class="ns nt nu nv nw nj nx ny paragraph-image"><div role="button" tabindex="0" class="nz oa fj ob bh oc"><div class="np nq rd"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*HG0nbQM3VcE0fPHJb82-Qw.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*HG0nbQM3VcE0fPHJb82-Qw.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*HG0nbQM3VcE0fPHJb82-Qw.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*HG0nbQM3VcE0fPHJb82-Qw.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*HG0nbQM3VcE0fPHJb82-Qw.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*HG0nbQM3VcE0fPHJb82-Qw.png 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*HG0nbQM3VcE0fPHJb82-Qw.png 2000w" 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, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*HG0nbQM3VcE0fPHJb82-Qw.png 640w, https://miro.medium.com/v2/resize:fit:720/1*HG0nbQM3VcE0fPHJb82-Qw.png 720w, https://miro.medium.com/v2/resize:fit:750/1*HG0nbQM3VcE0fPHJb82-Qw.png 750w, https://miro.medium.com/v2/resize:fit:786/1*HG0nbQM3VcE0fPHJb82-Qw.png 786w, https://miro.medium.com/v2/resize:fit:828/1*HG0nbQM3VcE0fPHJb82-Qw.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*HG0nbQM3VcE0fPHJb82-Qw.png 1100w, https://miro.medium.com/v2/resize:fit:2000/1*HG0nbQM3VcE0fPHJb82-Qw.png 2000w" 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, 1000px"/><img alt="" class="bh mq od c" width="1000" height="612" loading="eager" role="presentation"/></picture></div></div></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><h2 id="c03f" class="pr ps gu bf pt pu pv dy pw px py ea pz on qa qb qc or qd qe qf ov qg qh qi qj bk">What We’re Fixing First: Build Pages</h2><p id="613c" class="pw-post-body-paragraph oe of gu og b hs qk oi oj hv ql ol om on qm op oq or qn ot ou ov qo ox oy oz gn bk">With so many users experiencing different problems and frustrations, we had to concentrate our efforts.</p><p id="3ed7" class="pw-post-body-paragraph oe of gu og b hs oh oi oj hv ok ol om on oo op oq or os ot ou ov ow ox oy oz gn bk">So, for Phase 1, we decided to tackle “Build pages.”</p><p id="2d9d" class="pw-post-body-paragraph oe of gu og b hs oh oi oj hv ok ol om on oo op oq or os ot ou ov ow ox oy oz gn bk"><strong class="og gv"><em class="pa">Build pages</em></strong><em class="pa"> for us are the locked pages which are finalized in terms of design and are to be referred by developers to code, PMs to review/groom, QAs to test and stakeholders for approval.</em></p><p id="0421" class="pw-post-body-paragraph oe of gu og b hs oh oi oj hv ok ol om on oo op oq or os ot ou ov ow ox oy oz gn bk">By simplifying these pages, we’re making everyone’s life a bit simpler. The main goal of this revamp — <strong class="og gv">better communication and understanding for the entire team.</strong></p><figure class="ns nt nu nv nw nj np nq paragraph-image"><div role="button" tabindex="0" class="nz oa fj ob bh oc"><div class="np nq re"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*cGkKw5owRurj_I84iREYLA.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*cGkKw5owRurj_I84iREYLA.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*cGkKw5owRurj_I84iREYLA.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*cGkKw5owRurj_I84iREYLA.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*cGkKw5owRurj_I84iREYLA.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*cGkKw5owRurj_I84iREYLA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*cGkKw5owRurj_I84iREYLA.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*cGkKw5owRurj_I84iREYLA.png 640w, https://miro.medium.com/v2/resize:fit:720/1*cGkKw5owRurj_I84iREYLA.png 720w, https://miro.medium.com/v2/resize:fit:750/1*cGkKw5owRurj_I84iREYLA.png 750w, https://miro.medium.com/v2/resize:fit:786/1*cGkKw5owRurj_I84iREYLA.png 786w, https://miro.medium.com/v2/resize:fit:828/1*cGkKw5owRurj_I84iREYLA.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*cGkKw5owRurj_I84iREYLA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*cGkKw5owRurj_I84iREYLA.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 od c" width="700" height="413" loading="eager" role="presentation"/></picture></div></div></figure><h1 id="7ec0" class="rf ps gu bf pt rg rh hu pw ri rj hx pz rk rl rm rn ro rp rq rr rs rt ru rv rw bk">What does the improved Annotations Framework include?</h1><h2 id="4e72" class="pr ps gu bf pt pu pv dy pw px py ea pz on qa qb qc or qd qe qf ov qg qh qi qj bk">1. Section Headers</h2><p id="1506" class="pw-post-body-paragraph oe of gu og b hs qk oi oj hv ql ol om on qm op oq or qn ot ou ov qo ox oy oz gn bk">We added the section headers with enhanced descriptions to give more clarity to anyone navigating through the flow and tried to solve the “who, when, and why” of the new requirement.</p></div></div><div class="nj"><div class="ab cb"><div class="ml nk mm nl mn nm cf nn cg no ci bh"><figure class="ns nt nu nv nw nj nx ny paragraph-image"><div role="button" tabindex="0" class="nz oa fj ob bh oc"><div class="np nq rx"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*S4us-zXJSCiHcwnU-AZOtA.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*S4us-zXJSCiHcwnU-AZOtA.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*S4us-zXJSCiHcwnU-AZOtA.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*S4us-zXJSCiHcwnU-AZOtA.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*S4us-zXJSCiHcwnU-AZOtA.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*S4us-zXJSCiHcwnU-AZOtA.png 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*S4us-zXJSCiHcwnU-AZOtA.png 2000w" 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, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*S4us-zXJSCiHcwnU-AZOtA.png 640w, https://miro.medium.com/v2/resize:fit:720/1*S4us-zXJSCiHcwnU-AZOtA.png 720w, https://miro.medium.com/v2/resize:fit:750/1*S4us-zXJSCiHcwnU-AZOtA.png 750w, https://miro.medium.com/v2/resize:fit:786/1*S4us-zXJSCiHcwnU-AZOtA.png 786w, https://miro.medium.com/v2/resize:fit:828/1*S4us-zXJSCiHcwnU-AZOtA.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*S4us-zXJSCiHcwnU-AZOtA.png 1100w, https://miro.medium.com/v2/resize:fit:2000/1*S4us-zXJSCiHcwnU-AZOtA.png 2000w" 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, 1000px"/><img alt="" class="bh mq od c" width="1000" height="586" loading="eager" role="presentation"/></picture></div></div><figcaption class="qy ff qz np nq ra rb bf b bg z du">Section Header Component</figcaption></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><h2 id="d170" class="pr ps gu bf pt pu pv dy pw px py ea pz on qa qb qc or qd qe qf ov qg qh qi qj bk">2. Main Journey Component</h2><p id="455c" class="pw-post-body-paragraph oe of gu og b hs qk oi oj hv ql ol om on qm op oq or qn ot ou ov qo ox oy oz gn bk">We already had the main journey component in the annotation framework, most widely for naming and describing the flow. We improved it by adding a JIRA ticket link and the prototype link to address problems for all stakeholders.</p></div></div><div class="nj"><div class="ab cb"><div class="ml nk mm nl mn nm cf nn cg no ci bh"><figure class="ns nt nu nv nw nj nx ny paragraph-image"><div role="button" tabindex="0" class="nz oa fj ob bh oc"><div class="np nq rx"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*RdnMj8Lc8vXOBZ5nofNV8A.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*RdnMj8Lc8vXOBZ5nofNV8A.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*RdnMj8Lc8vXOBZ5nofNV8A.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*RdnMj8Lc8vXOBZ5nofNV8A.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*RdnMj8Lc8vXOBZ5nofNV8A.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*RdnMj8Lc8vXOBZ5nofNV8A.png 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*RdnMj8Lc8vXOBZ5nofNV8A.png 2000w" 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, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*RdnMj8Lc8vXOBZ5nofNV8A.png 640w, https://miro.medium.com/v2/resize:fit:720/1*RdnMj8Lc8vXOBZ5nofNV8A.png 720w, https://miro.medium.com/v2/resize:fit:750/1*RdnMj8Lc8vXOBZ5nofNV8A.png 750w, https://miro.medium.com/v2/resize:fit:786/1*RdnMj8Lc8vXOBZ5nofNV8A.png 786w, https://miro.medium.com/v2/resize:fit:828/1*RdnMj8Lc8vXOBZ5nofNV8A.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*RdnMj8Lc8vXOBZ5nofNV8A.png 1100w, https://miro.medium.com/v2/resize:fit:2000/1*RdnMj8Lc8vXOBZ5nofNV8A.png 2000w" 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, 1000px"/><img alt="" class="bh mq od c" width="1000" height="401" loading="eager" role="presentation"/></picture></div></div><figcaption class="qy ff qz np nq ra rb bf b bg z du">Main Journey Component</figcaption></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><h2 id="1edf" class="pr ps gu bf pt pu pv dy pw px py ea pz on qa qb qc or qd qe qf ov qg qh qi qj bk">3. Screen/Flow Level Versioning</h2><p id="0831" class="pw-post-body-paragraph oe of gu og b hs qk oi oj hv ql ol om on qm op oq or qn ot ou ov qo ox oy oz gn bk">During our research, developers highlighted that the frequent changes to locked screens resulted in Build-Figma discrepancies and QA issues. We have also experienced this often.</p><p id="795e" class="pw-post-body-paragraph oe of gu og b hs oh oi oj hv ok ol om on oo op oq or os ot ou ov ow ox oy oz gn bk">To fix this, we introduced screen/flow-level versioning, enabling stakeholders to track changes easily and know what was modified, when, and why. This reduces confusion and improves workflow efficiency.</p></div></div><div class="nj"><div class="ab cb"><div class="ml nk mm nl mn nm cf nn cg no ci bh"><figure class="ns nt nu nv nw nj nx ny paragraph-image"><div role="button" tabindex="0" class="nz oa fj ob bh oc"><div class="np nq rx"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*jHW80MXlxpelJA7Di8Oz2Q.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*jHW80MXlxpelJA7Di8Oz2Q.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*jHW80MXlxpelJA7Di8Oz2Q.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*jHW80MXlxpelJA7Di8Oz2Q.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*jHW80MXlxpelJA7Di8Oz2Q.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*jHW80MXlxpelJA7Di8Oz2Q.png 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*jHW80MXlxpelJA7Di8Oz2Q.png 2000w" 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, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*jHW80MXlxpelJA7Di8Oz2Q.png 640w, https://miro.medium.com/v2/resize:fit:720/1*jHW80MXlxpelJA7Di8Oz2Q.png 720w, https://miro.medium.com/v2/resize:fit:750/1*jHW80MXlxpelJA7Di8Oz2Q.png 750w, https://miro.medium.com/v2/resize:fit:786/1*jHW80MXlxpelJA7Di8Oz2Q.png 786w, https://miro.medium.com/v2/resize:fit:828/1*jHW80MXlxpelJA7Di8Oz2Q.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*jHW80MXlxpelJA7Di8Oz2Q.png 1100w, https://miro.medium.com/v2/resize:fit:2000/1*jHW80MXlxpelJA7Di8Oz2Q.png 2000w" 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, 1000px"/><img alt="" class="bh mq od c" width="1000" height="530" loading="eager" role="presentation"/></picture></div></div><figcaption class="qy ff qz np nq ra rb bf b bg z du">Screen/Flow Level Version Component</figcaption></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><h2 id="4f63" class="pr ps gu bf pt pu pv dy pw px py ea pz on qa qb qc or qd qe qf ov qg qh qi qj bk">4. More Specific Notes</h2><p id="c535" class="pw-post-body-paragraph oe of gu og b hs qk oi oj hv ql ol om on qm op oq or qn ot ou ov qo ox oy oz gn bk">We used a general notes component widely adopted by the team, but it often went unread and became verbose.<br/>To solve this, we ensured that the notes were more targeted and specific for different stakeholders. This ensures the information is relevant, concise, and crucial details aren’t overlooked.</p></div></div><div class="nj"><div class="ab cb"><div class="ml nk mm nl mn nm cf nn cg no ci bh"><figure class="ns nt nu nv nw nj nx ny paragraph-image"><div role="button" tabindex="0" class="nz oa fj ob bh oc"><div class="np nq ry"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*pdf44gzx7e12S6kmXMGdOw.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*pdf44gzx7e12S6kmXMGdOw.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*pdf44gzx7e12S6kmXMGdOw.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*pdf44gzx7e12S6kmXMGdOw.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*pdf44gzx7e12S6kmXMGdOw.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*pdf44gzx7e12S6kmXMGdOw.png 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*pdf44gzx7e12S6kmXMGdOw.png 2000w" 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, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*pdf44gzx7e12S6kmXMGdOw.png 640w, https://miro.medium.com/v2/resize:fit:720/1*pdf44gzx7e12S6kmXMGdOw.png 720w, https://miro.medium.com/v2/resize:fit:750/1*pdf44gzx7e12S6kmXMGdOw.png 750w, https://miro.medium.com/v2/resize:fit:786/1*pdf44gzx7e12S6kmXMGdOw.png 786w, https://miro.medium.com/v2/resize:fit:828/1*pdf44gzx7e12S6kmXMGdOw.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*pdf44gzx7e12S6kmXMGdOw.png 1100w, https://miro.medium.com/v2/resize:fit:2000/1*pdf44gzx7e12S6kmXMGdOw.png 2000w" 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, 1000px"/><img alt="" class="bh mq od c" width="1000" height="642" loading="eager" role="presentation"/></picture></div></div><figcaption class="qy ff qz np nq ra rb bf b bg z du">Notes Component</figcaption></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><h2 id="3ea3" class="pr ps gu bf pt pu pv dy pw px py ea pz on qa qb qc or qd qe qf ov qg qh qi qj bk">5. Prototype Hub</h2><p id="12e0" class="pw-post-body-paragraph oe of gu og b hs qk oi oj hv ql ol om on qm op oq or qn ot ou ov qo ox oy oz gn bk">We know how crucial the prototype hub is for presentations and sharing multiple prototypes. Previously, it wasn’t part of our library. Now, we’ve componentized it for consistent usage across all projects.</p><figure class="ns nt nu nv nw nj np nq paragraph-image"><div class="np nq rz"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*5E_4CAtMpz5lXYx5RnN63g.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*5E_4CAtMpz5lXYx5RnN63g.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*5E_4CAtMpz5lXYx5RnN63g.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*5E_4CAtMpz5lXYx5RnN63g.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*5E_4CAtMpz5lXYx5RnN63g.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*5E_4CAtMpz5lXYx5RnN63g.png 1100w, https://miro.medium.com/v2/resize:fit:1008/format:webp/1*5E_4CAtMpz5lXYx5RnN63g.png 1008w" 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, 504px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*5E_4CAtMpz5lXYx5RnN63g.png 640w, https://miro.medium.com/v2/resize:fit:720/1*5E_4CAtMpz5lXYx5RnN63g.png 720w, https://miro.medium.com/v2/resize:fit:750/1*5E_4CAtMpz5lXYx5RnN63g.png 750w, https://miro.medium.com/v2/resize:fit:786/1*5E_4CAtMpz5lXYx5RnN63g.png 786w, https://miro.medium.com/v2/resize:fit:828/1*5E_4CAtMpz5lXYx5RnN63g.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*5E_4CAtMpz5lXYx5RnN63g.png 1100w, https://miro.medium.com/v2/resize:fit:1008/1*5E_4CAtMpz5lXYx5RnN63g.png 1008w" 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, 504px"/><img alt="" class="bh mq od c" width="504" height="512" loading="eager" role="presentation"/></picture></div><figcaption class="qy ff qz np nq ra rb bf b bg z du">Prototype Hub</figcaption></figure><h1 id="d678" class="rf ps gu bf pt rg rh hu pw ri rj hx pz rk rl rm rn ro rp rq rr rs rt ru rv rw bk">Additional Guidelines for Annotation Framework</h1><h2 id="50b5" class="pr ps gu bf pt pu pv dy pw px py ea pz on qa qb qc or qd qe qf ov qg qh qi qj bk">1. Structuring Flows: Your Way, Your Ease</h2><p id="7b79" class="pw-post-body-paragraph oe of gu og b hs qk oi oj hv ql ol om on qm op oq or qn ot ou ov qo ox oy oz gn bk">When depicting flows- be it happy paths, error scenarios, or edge cases — designers have the flexibility to structure them as they fit. Whether it’s a horizontal arrangement, a vertical lineup, or a combination of both choose the format that aligns with the specific needs and use cases of your module. The primary goal is to enhance stakeholder understanding, so opt for a layout that makes communication clearer and more intuitive.</p><h2 id="86c0" class="pr ps gu bf pt pu pv dy pw px py ea pz on qa qb qc or qd qe qf ov qg qh qi qj bk">2. Frame Naming Freedom</h2><p id="f70c" class="pw-post-body-paragraph oe of gu og b hs qk oi oj hv ql ol om on qm op oq or qn ot ou ov qo ox oy oz gn bk">All of us are very well familiar with this:</p><p id="a807" class="pw-post-body-paragraph oe of gu og b hs oh oi oj hv ok ol om on oo op oq or os ot ou ov ow ox oy oz gn bk"><strong class="og gv"><em class="pa">Frame 1, Frame 2…. Frame n, Frame nn……</em></strong></p><p id="fc44" class="pw-post-body-paragraph oe of gu og b hs oh oi oj hv ok ol om on oo op oq or os ot ou ov ow ox oy oz gn bk">Hence, we haven’t set rigid conventions for naming the frames; instead, focussed on ensuring that frame names are relevant to their function.</p><h1 id="602e" class="rf ps gu bf pt rg rh hu pw ri rj hx pz rk rl rm rn ro rp rq rr rs rt ru rv rw bk">Wrapping Up: More Than Meets the Eye</h1><p id="5355" class="pw-post-body-paragraph oe of gu og b hs qk oi oj hv ql ol om on qm op oq or qn ot ou ov qo ox oy oz gn bk">For designers, data is the ultimate validation. We’ve noticed a significant and consistent use of annotation components throughout the team.</p><p id="5dc5" class="pw-post-body-paragraph oe of gu og b hs oh oi oj hv ok ol om on oo op oq or os ot ou ov ow ox oy oz gn bk">Moreover, the cross-functional teams beyond Plutus are also adopting the Annotations Framework.</p><figure class="ns nt nu nv nw nj np nq paragraph-image"><div role="button" tabindex="0" class="nz oa fj ob bh oc"><div class="np nq sa"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*StPpd5Yzi4zQcq1KTkQvJg.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*StPpd5Yzi4zQcq1KTkQvJg.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*StPpd5Yzi4zQcq1KTkQvJg.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*StPpd5Yzi4zQcq1KTkQvJg.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*StPpd5Yzi4zQcq1KTkQvJg.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*StPpd5Yzi4zQcq1KTkQvJg.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*StPpd5Yzi4zQcq1KTkQvJg.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*StPpd5Yzi4zQcq1KTkQvJg.png 640w, https://miro.medium.com/v2/resize:fit:720/1*StPpd5Yzi4zQcq1KTkQvJg.png 720w, https://miro.medium.com/v2/resize:fit:750/1*StPpd5Yzi4zQcq1KTkQvJg.png 750w, https://miro.medium.com/v2/resize:fit:786/1*StPpd5Yzi4zQcq1KTkQvJg.png 786w, https://miro.medium.com/v2/resize:fit:828/1*StPpd5Yzi4zQcq1KTkQvJg.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*StPpd5Yzi4zQcq1KTkQvJg.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*StPpd5Yzi4zQcq1KTkQvJg.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 od c" width="700" height="335" loading="lazy" role="presentation"/></picture></div></div></figure></div></div></div><div class="ab cb sb sc sd se" role="separator"><span class="sf by bm sg sh si"></span><span class="sf by bm sg sh si"></span><span class="sf by bm sg sh"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="b08e" class="pw-post-body-paragraph oe of gu og b hs oh oi oj hv ok ol om on oo op oq or os ot ou ov ow ox oy oz gn bk">In conclusion, our annotation framework is a strategic step to strengthen collaboration and understanding within our diverse teams. It’s a commitment to improving our collective work experience, making it smoother and more effective.</p><p id="32e8" class="pw-post-body-paragraph oe of gu og b hs oh oi oj hv ok ol om on oo op oq or os ot ou ov ow ox oy oz gn bk">As we embark on this journey, stay tuned for further updates. We’re dedicated to elevating our design game at Zeta, and there’s more exciting progress to come!</p><h1 id="318f" class="rf ps gu bf pt rg rh hu pw ri rj hx pz rk rl rm rn ro rp rq rr rs rt ru rv rw bk">A gift for the design community🎁</h1><p id="48df" class="pw-post-body-paragraph oe of gu og b hs qk oi oj hv ql ol om on qm op oq or qn ot ou ov qo ox oy oz gn bk">Fellow designers, our annotation framework kit is now available in the Figma Community. Yaay!🥳</p><p id="a1c1" class="pw-post-body-paragraph oe of gu og b hs oh oi oj hv ok ol om on oo op oq or os ot ou ov ow ox oy oz gn bk"><a class="af rc" href="https://www.figma.com/community/file/1384846707307187091/annotations-framework" rel="noopener ugc nofollow" target="_blank">Download it from here</a>, integrate it into your projects, and let us know how it’s enhancing communication and streamlining your design process. We would love your feedback!</p></div></div></div><div class="ab cb sb sc sd se" role="separator"><span class="sf by bm sg sh si"></span><span class="sf by bm sg sh si"></span><span class="sf by bm sg sh"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="b5f3" class="pw-post-body-paragraph oe of gu og b hs oh oi oj hv ok ol om on oo op oq or os ot ou ov ow ox oy oz gn bk">A heartfelt thanks to <a class="af rc" href="https://www.linkedin.com/in/veerappasamy/" rel="noopener ugc nofollow" target="_blank">Veerappa Samy </a>for kickstarting the Annotations Framework 1.0 and supporting in enhancing it, <a class="af rc" href="https://www.linkedin.com/in/anoopsethumadhavan/" rel="noopener ugc nofollow" target="_blank">Anoop</a> and <a class="af rc" href="https://www.linkedin.com/in/kshitijp/" rel="noopener ugc nofollow" target="_blank">Kshitij</a> for providing mentorship and feedback. <a class="af rc" href="https://www.linkedin.com/in/adityasad/" rel="noopener ugc nofollow" target="_blank">Aditya </a>and <a class="af rc" href="https://www.linkedin.com/in/aasthagupta-/" rel="noopener ugc nofollow" target="_blank">Aastha </a>for helping with the community file readiness. A special thanks to <a class="af rc" href="https://www.linkedin.com/in/aishwarya-v-773969104/" rel="noopener ugc nofollow" target="_blank">Aishwarya </a>for proofreading the blog. Your keen eye and valuable feedback have greatly enhanced the clarity of it.</p></div></div></div></div></section></div></div></article></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="sj sk ab jm"><div class="sl ab"><a class="sm ay am ao" href="https://medium.com/tag/figma?source=post_page-----3de6e1059f39--------------------------------" rel="noopener follow"><div class="sn fj cx so ge sp sq bf b bg z bk sr">Figma</div></a></div><div class="sl ab"><a class="sm ay am ao" href="https://medium.com/tag/annotations?source=post_page-----3de6e1059f39--------------------------------" rel="noopener follow"><div class="sn fj cx so ge sp sq bf b bg z bk sr">Annotations</div></a></div><div class="sl ab"><a class="sm ay am ao" href="https://medium.com/tag/design-documentation?source=post_page-----3de6e1059f39--------------------------------" rel="noopener follow"><div class="sn fj cx so ge sp sq bf b bg z bk sr">Design Documentation</div></a></div><div class="sl ab"><a class="sm ay am ao" href="https://medium.com/tag/design?source=post_page-----3de6e1059f39--------------------------------" rel="noopener follow"><div class="sn fj cx so ge sp sq bf b bg z bk sr">Design</div></a></div><div class="sl ab"><a class="sm ay am ao" href="https://medium.com/tag/figma-community?source=post_page-----3de6e1059f39--------------------------------" rel="noopener follow"><div class="sn fj cx so ge sp sq bf b bg z bk sr">Figma Community</div></a></div></div></div></div><div class="l"></div><footer class="ss sc st su sv ab q sw iw c"><div class="l ae"><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ab cp sx"><div class="ab q lh"><div class="sy l"><span class="l sz ta tb 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%2F3de6e1059f39&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fannotating-design-files-in-figma-3de6e1059f39&amp;user=Bhawna+Nagpal&amp;userId=cef2d3ab35f2&amp;source=---footer_actions--3de6e1059f39---------------------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 tc td"><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%2F3de6e1059f39&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fannotating-design-files-in-figma-3de6e1059f39&amp;user=Bhawna+Nagpal&amp;userId=cef2d3ab35f2&amp;source=---footer_actions--3de6e1059f39---------------------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">1</span></p></button></div></div></div></div><div class="ab q"><div class="si 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%2F3de6e1059f39&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fannotating-design-files-in-figma-3de6e1059f39&amp;source=---footer_actions--3de6e1059f39---------------------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="si 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="te tf tg th ti l"><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="tj bh r tk"></div><div class="tl l"><div class="ab tm tn to jl jk"><div class="tp tq tr ts tt tu tv tw tx ty ab cp"><div class="h k"><a href="https://design.zeta.in/?source=post_page---post_publication_info--3de6e1059f39--------------------------------" rel="noopener follow"><div class="fj ab"><img alt="Zeta Design" class="tz in io cx" src="https://miro.medium.com/v2/resize:fill:96:96/1*7FG4sDTdzgBNYQL3onKlXQ.png" width="48" height="48" loading="lazy"/><div class="tz l io in fs n fr ua"></div></div></a></div><div class="j i d"><a href="https://design.zeta.in/?source=post_page---post_publication_info--3de6e1059f39--------------------------------" rel="noopener follow"><div class="fj ab"><img alt="Zeta Design" class="tz uc ub cx" src="https://miro.medium.com/v2/resize:fill:128:128/1*7FG4sDTdzgBNYQL3onKlXQ.png" width="64" height="64" loading="lazy"/><div class="tz l ub uc fs n fr ua"></div></div></a></div><div class="j i d ud jj"><div class="ab"><span><a class="bf b bg z ue sn uf ug uh ui uj ev ew uk ul um fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fcollection%2Fzeta-design&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fannotating-design-files-in-figma-3de6e1059f39&amp;collection=Zeta+Design&amp;collectionId=b1d9ef1bb1cd&amp;source=post_page---post_publication_info--3de6e1059f39---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div><div class="ab co un"><div class="uo up uq nl nk 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--3de6e1059f39--------------------------------" rel="noopener follow"><h2 class="pw-author-name bf us ut uu uv uw ux uy on qb qc or qe qf ov qh qi bk"><span class="gn ur">Published in <!-- -->Zeta Design</span></h2></a><div class="sl 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--3de6e1059f39--------------------------------">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--3de6e1059f39--------------------------------">Last published <span>Sep 6, 2024</span></a></div></div><div class="uz l"><p class="bf b bg z bk"><span class="gn">Perspectives on designing &amp; building digital products for India</span></p></div></div></div><div class="h k"><div class="ab"><span><a class="bf b bg z ue sn uf ug uh ui uj ev ew uk ul um fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fcollection%2Fzeta-design&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fannotating-design-files-in-figma-3de6e1059f39&amp;collection=Zeta+Design&amp;collectionId=b1d9ef1bb1cd&amp;source=post_page---post_publication_info--3de6e1059f39---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div></div><div class="ab tm tn to jl jk"><div class="tp tq tr ts tt tu tv tw tx ty ab cp"><div class="h k"><a tabindex="0" href="https://medium.com/@bhawnanagpal37?source=post_page---post_author_info--3de6e1059f39--------------------------------" rel="noopener follow"><div class="l fj"><img alt="Bhawna Nagpal" class="l fd by io in cx" src="https://miro.medium.com/v2/resize:fill:96:96/2*Y4BZeL5mDmKBt2XgK9Q_4A.jpeg" width="48" height="48" loading="lazy"/><div class="fr by l io in fs n ay ua"></div></div></a></div><div class="j i d"><a tabindex="0" href="https://medium.com/@bhawnanagpal37?source=post_page---post_author_info--3de6e1059f39--------------------------------" rel="noopener follow"><div class="l fj"><img alt="Bhawna Nagpal" class="l fd by ub uc cx" src="https://miro.medium.com/v2/resize:fill:128:128/2*Y4BZeL5mDmKBt2XgK9Q_4A.jpeg" width="64" height="64" loading="lazy"/><div class="fr by l ub uc fs n ay ua"></div></div></a></div><div class="j i d ud jj"><div class="ab"><span><a class="bf b bg z ue sn uf ug uh ui uj ev ew uk ul um fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2Fcef2d3ab35f2&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fannotating-design-files-in-figma-3de6e1059f39&amp;user=Bhawna+Nagpal&amp;userId=cef2d3ab35f2&amp;source=post_page-cef2d3ab35f2--post_author_info--3de6e1059f39---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div><div class="ab co un"><div class="uo up uq nl nk l"><a class="af ag ah aj ak al am an ao ap aq ar as at ab q" href="https://medium.com/@bhawnanagpal37?source=post_page---post_author_info--3de6e1059f39--------------------------------" rel="noopener follow"><h2 class="pw-author-name bf us ut uu uv uw ux uy on qb qc or qe qf ov qh qi bk"><span class="gn ur">Written by <!-- -->Bhawna Nagpal</span></h2></a><div class="sl 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://medium.com/@bhawnanagpal37/followers?source=post_page---post_author_info--3de6e1059f39--------------------------------" rel="noopener follow">4 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/@bhawnanagpal37/following?source=post_page---post_author_info--3de6e1059f39--------------------------------" rel="noopener follow">48 Following</a></div></div><div class="uz l"></div></div></div><div class="h k"><div class="ab"><span><a class="bf b bg z ue sn uf ug uh ui uj ev ew uk ul um fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2Fcef2d3ab35f2&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fannotating-design-files-in-figma-3de6e1059f39&amp;user=Bhawna+Nagpal&amp;userId=cef2d3ab35f2&amp;source=post_page-cef2d3ab35f2--post_author_info--3de6e1059f39---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div></div></div></div><div class="va vb vc vd ve l"><div class="tj bh r va vb vf vg vh"></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ab q cp"><h2 class="bf us rg hu pw ri hx pz rk rm rn ro rq rr rs ru rv bk">Responses (<!-- -->1<!-- -->)</h2><div class="ab vi"><div><div class="bm" aria-hidden="false"><a class="vj vk" href="https://policy.medium.com/medium-rules-30e5502c4eb4?source=post_page---post_responses--3de6e1059f39--------------------------------" 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="sb l"><button class="bf b bg z bk sn vl vm vn mj mg uj ev ew ex vo vp vq fa vr vs vt vu vv fb fc fd bm fe ff">See all responses</button></div></div></div></div><div class="vw vx vy vz wa l bx"><div class="h k j"><div class="tj bh wb wc"></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="wd ab lh jm"><div class="we wf 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-----3de6e1059f39--------------------------------" rel="noopener follow"><p class="bf b dv z du">Help</p></a></div><div class="we wf 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-----3de6e1059f39--------------------------------" rel="noopener follow"><p class="bf b dv z du">Status</p></a></div><div class="we wf 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&amp;source=post_page-----3de6e1059f39--------------------------------" rel="noopener follow"><p class="bf b dv z du">About</p></a></div><div class="we wf 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-----3de6e1059f39--------------------------------" rel="noopener follow"><p class="bf b dv z du">Careers</p></a></div><div class="we wf 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-----3de6e1059f39--------------------------------" rel="noopener follow"><p class="bf b dv z du">Press</p></a></div><div class="we wf 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-----3de6e1059f39--------------------------------" rel="noopener follow"><p class="bf b dv z du">Blog</p></a></div><div class="we wf 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-----3de6e1059f39--------------------------------" rel="noopener follow"><p class="bf b dv z du">Privacy</p></a></div><div class="we wf 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-----3de6e1059f39--------------------------------" rel="noopener follow"><p class="bf b dv z du">Terms</p></a></div><div class="we wf 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-----3de6e1059f39--------------------------------" rel="noopener follow"><p class="bf b dv z du">Text to speech</p></a></div><div class="we 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-----3de6e1059f39--------------------------------" 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-20241122-185319-7bcdc08639"</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-3de6e1059f39","user-cef2d3ab35f2","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":"9366769c-8731-4cf2-8636-0bd5d2a43925","hybridDevServices":[],"originalSpanCarrier":{"traceparent":"00-0cebcf15769e0d7619b947aef844c045-01cc5da2c0c7ffa7-01"}},"multiVote":{"clapsPerPost":{}},"navigation":{"branch":{"show":null,"hasRendered":null,"blockedByCTA":false},"hideGoogleOneTap":false,"hasRenderedAlternateUserBanner":null,"currentLocation":"https:\u002F\u002Fdesign.zeta.in\u002Fannotating-design-files-in-figma-3de6e1059f39","host":"design.zeta.in","hostname":"design.zeta.in","referrer":"","hasSetReferrer":false,"susiModal":{"step":null,"operation":"register"},"postRead":false,"partnerProgram":{"selectedCountryCode":null},"queryString":"?source=collection_home---4------3-----------------------"},"config":{"nodeEnv":"production","version":"main-20241122-185319-7bcdc08639","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-20241122-185319-7bcdc08639","commit":"7bcdc08639c179dc5172558201a3fd3abc1b5db6"}},"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","variantFlags":[{"__typename":"VariantFlag","name":"enable_aurora_pub_follower_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"price_smoke_test_yearly","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"android_rating_prompt_stories_read_threshold","valueType":{"__typename":"VariantFlagNumber","value":2}},{"__typename":"VariantFlag","name":"enable_android_miro_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tipping_v0_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_dynamic_paywall_aspiriational","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_avatar_upload","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_switch_plan_premium_tier","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_friend_links_creation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_update_topic_portals_wtf","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":"reader_fair_distribution_non_qp","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_signup","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_annual_premium_plan","valueType":{"__typename":"VariantFlagString","value":"4a442ace1476"}},{"__typename":"VariantFlag","name":"available_monthly_premium_plan","valueType":{"__typename":"VariantFlagString","value":"12a660186432"}},{"__typename":"VariantFlag","name":"enable_auto_follow_on_subscribe","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tribute_landing_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_display_paywall_after_onboarding","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_for_members","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_verified_book_author","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_diversification_rex","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_iceland_forced_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_author_cards","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_dynamic_paywall_programming","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_verifications_service","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_dynamic_aspirational_paywall","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_cache_less_following_feed","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_easy_resubscribe","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_syntax_highlight","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_friend_links_postpage_banners","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_social_share_sheet","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recommended_publishers_query","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_aggregator_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_reading_history","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_lock_responses","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_homepage","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_members_only_audio","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pill_based_home_feed","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_app_flirty_thirty","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_entities_to_follow_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_marketing_emails","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"redefined_top_posts","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"rex_generator_max_candidates","valueType":{"__typename":"VariantFlagNumber","value":1000}},{"__typename":"VariantFlag","name":"enable_automod","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_speechify_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_eventstats_event_processing","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_explicit_signals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recirc_model","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_updated_pub_recs_ui","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_susi_redesign_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"skip_fs_cache_user_vals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_google_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_update_explore_wtf","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_friend_links_creation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_dynamic_programming_paywall","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_billing_frequency_on_step2","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_ios_autorefresh","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sprig","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_deprecate_legacy_providers_v3","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_two_hour_refresh","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_author_cards_byline","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_publication_hierarchy_web","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"textshots_userid","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"android_enable_friend_links_postpage_banners","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_response_markup","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_home_post_menu","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_conversion_model_v2","valueType":{"__typename":"VariantFlagString","value":"group_2"}},{"__typename":"VariantFlag","name":"enable_lite_archive_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"onboarding_tags_from_top_views","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"can_receive_tips_v0","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_google_pay","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_continue_this_thread","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sharer_validate_post_share_key","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_simplified_digest_v2_b","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sharer_create_post_share_key","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"limit_post_referrers","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_offline_reading","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_google_one_tap","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ml_rank_rex_anno","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_see_pronouns","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_test_auth","valueType":{"__typename":"VariantFlagString","value":"disallow"}},{"__typename":"VariantFlag","name":"enable_bayesian_average_pub_search","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recaptcha_enterprise","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_new_push_notification_endpoint","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_newsletter_lo_flow_custom_domains","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_configure_pronouns","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_c","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_legacy_feed_in_iceland","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pp_v4","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"disable_partner_program_enrollment","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_apple_sign_in","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_maim_the_meter","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tick_landing_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_apple_pay","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_apple_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_client","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_footer_app_buttons","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lo_homepage","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_first_story","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_image_sharer","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"can_send_tips_v0","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_speechify_widget","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"reengagement_notification_duration","valueType":{"__typename":"VariantFlagNumber","value":3}},{"__typename":"VariantFlag","name":"enable_new_manage_membership_flow","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_editor_new_publishing_flow","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_post_bottom_responses_input","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pre_pp_v4","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_abandoned_cart_promotion_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_conversion_ranker_v2","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_lite_server_upstream_deadlines","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"goliath_externalsearch_enable_comment_deindexation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_seamless_social_sharing","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_in_app_free_trial","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_intrinsic_automatic_actions","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_topic_portals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_for_members_username_selection","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_medium2_kbfd","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_lists_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_annual_plan","valueType":{"__typename":"VariantFlagString","value":"2c754bcc2995"}},{"__typename":"VariantFlag","name":"enable_post_bottom_responses","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_boost_nia_v01","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_integration","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_new_stripe_customers","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ranker_v10","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"ios_iceland_nux","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"mobile_custom_app_icon","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_monthly_plan","valueType":{"__typename":"VariantFlagString","value":"60e220181034"}},{"__typename":"VariantFlag","name":"enable_pp_country_expansion","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_explicit_signals_updated_post_previews","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tag_recs","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_all_recs_surfaces","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_trial_membership","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tipping_v0_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_verified_author","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_offline_reading","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rito_upstream_deadlines","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_susi_redesign_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_starspace","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"limit_user_follows","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_import","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_premium_tier_badge","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"price_smoke_test_monthly","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"allow_access","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_premium_tier","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_remove_twitter_onboarding_step","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"num_post_bottom_responses_to_show","valueType":{"__typename":"VariantFlagString","value":"1"}},{"__typename":"VariantFlag","name":"enable_braintree_paypal","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_creator_welcome_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"coronavirus_topic_recirc","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":"glyph_font_set","valueType":{"__typename":"VariantFlagString","value":"m2-unbound-source-serif-pro"}},{"__typename":"VariantFlag","name":"browsable_stream_config_bucket","valueType":{"__typename":"VariantFlagString","value":"curated-topics"}},{"__typename":"VariantFlag","name":"enable_bg_post_post","valueType":{"__typename":"VariantFlagBoolean","value":true}}],"collectionByDomainOrSlug({\"domainOrSlug\":\"design.zeta.in\"})":{"__ref":"Collection:b1d9ef1bb1cd"},"viewer":null,"postResult({\"id\":\"3de6e1059f39\"})":{"__ref":"Post:3de6e1059f39"}},"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_bef8607adfc7"},"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:cef2d3ab35f2":{"__typename":"LinkedAccounts","mastodon":null,"id":"cef2d3ab35f2"},"UserViewerEdge:userId:cef2d3ab35f2-viewerId:lo_bef8607adfc7":{"__typename":"UserViewerEdge","id":"userId:cef2d3ab35f2-viewerId:lo_bef8607adfc7","isFollowing":false,"isUser":false,"isMuting":false},"User:cef2d3ab35f2":{"__typename":"User","id":"cef2d3ab35f2","linkedAccounts":{"__ref":"LinkedAccounts:cef2d3ab35f2"},"isSuspended":false,"imageId":"2*Y4BZeL5mDmKBt2XgK9Q_4A.jpeg","mediumMemberAt":0,"verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"name":"Bhawna Nagpal","socialStats":{"__typename":"SocialStats","followerCount":4,"followingCount":32,"collectionFollowingCount":16},"username":"bhawnanagpal37","customDomainState":null,"hasSubdomain":false,"bio":"","isPartnerProgramEnrolled":false,"viewerEdge":{"__ref":"UserViewerEdge:userId:cef2d3ab35f2-viewerId:lo_bef8607adfc7"},"viewerIsUser":false,"newsletterV3":null,"postSubscribeMembershipUpsellShownAt":0,"membership":null,"allowNotes":true,"twitterScreenName":""},"Paragraph:2bea6d6669f2_0":{"__typename":"Paragraph","id":"2bea6d6669f2_0","name":"f154","type":"H3","href":null,"layout":null,"metadata":null,"text":"Annotating Design Files in Figma","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_1":{"__typename":"Paragraph","id":"2bea6d6669f2_1","name":"4bd2","type":"H4","href":null,"layout":null,"metadata":null,"text":"Enhancing communication and documentation","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*aWQFV4v2XmY0YJns2x9C1A.png":{"__typename":"ImageMetadata","id":"1*aWQFV4v2XmY0YJns2x9C1A.png","originalHeight":1125,"originalWidth":2250,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:2bea6d6669f2_2":{"__typename":"Paragraph","id":"2bea6d6669f2_2","name":"447f","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*aWQFV4v2XmY0YJns2x9C1A.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_3":{"__typename":"Paragraph","id":"2bea6d6669f2_3","name":"0f44","type":"P","href":null,"layout":null,"metadata":null,"text":"Here at Zeta design team, we always believed we annotated our Figma design files quite well — or so we thought. We named frames, added section headers, notes for additional information, and used indicators for flows. However, we soon realized this approach wasn’t working well for the whole “team”.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_4":{"__typename":"Paragraph","id":"2bea6d6669f2_4","name":"12d3","type":"P","href":null,"layout":null,"metadata":null,"text":"By “team,” we mean not just designers, but also product managers, engineers, QA team, and senior leadership.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"EM","start":0,"end":90,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":91,"end":108,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_5":{"__typename":"Paragraph","id":"2bea6d6669f2_5","name":"85c2","type":"PQ","href":null,"layout":null,"metadata":null,"text":"Because the design canvas is as important for other stakeholders as it is to the design team","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"EM","start":0,"end":92,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_6":{"__typename":"Paragraph","id":"2bea6d6669f2_6","name":"fe3c","type":"P","href":null,"layout":null,"metadata":null,"text":"Hence, there was a need to expand and revamp our existing annotations framework to the one that fits the needs of all.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_7":{"__typename":"Paragraph","id":"2bea6d6669f2_7","name":"2a0e","type":"H4","href":null,"layout":null,"metadata":null,"text":"Focus: Better, Not Busier","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_8":{"__typename":"Paragraph","id":"2bea6d6669f2_8","name":"c30d","type":"P","href":null,"layout":null,"metadata":null,"text":"As we already have an actively used annotation framework in place, we didn’t want to mess with it too much.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_9":{"__typename":"Paragraph","id":"2bea6d6669f2_9","name":"82d9","type":"P","href":null,"layout":null,"metadata":null,"text":"What we’re after is not just a change but an enhancement — a framework that seamlessly integrates into our existing workflow.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_10":{"__typename":"Paragraph","id":"2bea6d6669f2_10","name":"35ba","type":"P","href":null,"layout":null,"metadata":null,"text":"We’re looking to achieve two key goals:","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":25,"end":38,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_11":{"__typename":"Paragraph","id":"2bea6d6669f2_11","name":"bf04","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Easy Accommodation & Adaptation: Our enhanced framework should be easy for designers to adapt, ensuring a smooth transition without added complexities.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":31,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_12":{"__typename":"Paragraph","id":"2bea6d6669f2_12","name":"8494","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Enhanced Understanding for All: Our ultimate goal is to make the designs more accessible and understandable for everyone involved, not just the design team.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":30,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_13":{"__typename":"Paragraph","id":"2bea6d6669f2_13","name":"8ee5","type":"H4","href":null,"layout":null,"metadata":null,"text":"But, what needs fixing?","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_14":{"__typename":"Paragraph","id":"2bea6d6669f2_14","name":"e1a8","type":"P","href":null,"layout":null,"metadata":null,"text":"To figure out what exactly needed fixing, we did some in-depth research with the users of our Figma file.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":81,"end":104,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*mmICBP1xwBDgURr4kKjieg.png":{"__typename":"ImageMetadata","id":"1*mmICBP1xwBDgURr4kKjieg.png","originalHeight":347,"originalWidth":347,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:2bea6d6669f2_15":{"__typename":"Paragraph","id":"2bea6d6669f2_15","name":"c484","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*mmICBP1xwBDgURr4kKjieg.png"},"text":"#beingdesigners😎","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_16":{"__typename":"Paragraph","id":"2bea6d6669f2_16","name":"5bf9","type":"P","href":null,"layout":null,"metadata":null,"text":"We talked to developers, PMs, the QA team, and the designers, of course, to understand their use cases, needs, and frustrations. For the complete persona-based research, check out this link. Here’s a glimpse of our discovery:","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":185,"end":189,"href":"https:\u002F\u002Fwww.figma.com\u002Fboard\u002FgFEbIHRXZ6FYtBcJ5oi8BG\u002FAnnotation-Framework-(Discover)?node-id=0-1&t=9Jt209SIsctv9RU0-1","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*HG0nbQM3VcE0fPHJb82-Qw.png":{"__typename":"ImageMetadata","id":"1*HG0nbQM3VcE0fPHJb82-Qw.png","originalHeight":1420,"originalWidth":2322,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:2bea6d6669f2_17":{"__typename":"Paragraph","id":"2bea6d6669f2_17","name":"0e6c","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*HG0nbQM3VcE0fPHJb82-Qw.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_18":{"__typename":"Paragraph","id":"2bea6d6669f2_18","name":"c03f","type":"H4","href":null,"layout":null,"metadata":null,"text":"What We’re Fixing First: Build Pages","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_19":{"__typename":"Paragraph","id":"2bea6d6669f2_19","name":"613c","type":"P","href":null,"layout":null,"metadata":null,"text":"With so many users experiencing different problems and frustrations, we had to concentrate our efforts.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_20":{"__typename":"Paragraph","id":"2bea6d6669f2_20","name":"3ed7","type":"P","href":null,"layout":null,"metadata":null,"text":"So, for Phase 1, we decided to tackle “Build pages.”","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_21":{"__typename":"Paragraph","id":"2bea6d6669f2_21","name":"2d9d","type":"P","href":null,"layout":null,"metadata":null,"text":"Build pages for us are the locked pages which are finalized in terms of design and are to be referred by developers to code, PMs to review\u002Fgroom, QAs to test and stakeholders for approval.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":11,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":0,"end":188,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_22":{"__typename":"Paragraph","id":"2bea6d6669f2_22","name":"0421","type":"P","href":null,"layout":null,"metadata":null,"text":"By simplifying these pages, we’re making everyone’s life a bit simpler. The main goal of this revamp — better communication and understanding for the entire team.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":103,"end":162,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*cGkKw5owRurj_I84iREYLA.png":{"__typename":"ImageMetadata","id":"1*cGkKw5owRurj_I84iREYLA.png","originalHeight":804,"originalWidth":1364,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:2bea6d6669f2_23":{"__typename":"Paragraph","id":"2bea6d6669f2_23","name":"7e8c","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*cGkKw5owRurj_I84iREYLA.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_24":{"__typename":"Paragraph","id":"2bea6d6669f2_24","name":"7ec0","type":"H3","href":null,"layout":null,"metadata":null,"text":"What does the improved Annotations Framework include?","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_25":{"__typename":"Paragraph","id":"2bea6d6669f2_25","name":"4e72","type":"H4","href":null,"layout":null,"metadata":null,"text":"1. Section Headers","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_26":{"__typename":"Paragraph","id":"2bea6d6669f2_26","name":"1506","type":"P","href":null,"layout":null,"metadata":null,"text":"We added the section headers with enhanced descriptions to give more clarity to anyone navigating through the flow and tried to solve the “who, when, and why” of the new requirement.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*S4us-zXJSCiHcwnU-AZOtA.png":{"__typename":"ImageMetadata","id":"1*S4us-zXJSCiHcwnU-AZOtA.png","originalHeight":834,"originalWidth":1425,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:2bea6d6669f2_27":{"__typename":"Paragraph","id":"2bea6d6669f2_27","name":"e735","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*S4us-zXJSCiHcwnU-AZOtA.png"},"text":"Section Header Component","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_28":{"__typename":"Paragraph","id":"2bea6d6669f2_28","name":"d170","type":"H4","href":null,"layout":null,"metadata":null,"text":"2. Main Journey Component","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_29":{"__typename":"Paragraph","id":"2bea6d6669f2_29","name":"455c","type":"P","href":null,"layout":null,"metadata":null,"text":"We already had the main journey component in the annotation framework, most widely for naming and describing the flow. We improved it by adding a JIRA ticket link and the prototype link to address problems for all stakeholders.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*RdnMj8Lc8vXOBZ5nofNV8A.png":{"__typename":"ImageMetadata","id":"1*RdnMj8Lc8vXOBZ5nofNV8A.png","originalHeight":571,"originalWidth":1425,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:2bea6d6669f2_30":{"__typename":"Paragraph","id":"2bea6d6669f2_30","name":"b0b5","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*RdnMj8Lc8vXOBZ5nofNV8A.png"},"text":"Main Journey Component","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_31":{"__typename":"Paragraph","id":"2bea6d6669f2_31","name":"1edf","type":"H4","href":null,"layout":null,"metadata":null,"text":"3. Screen\u002FFlow Level Versioning","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_32":{"__typename":"Paragraph","id":"2bea6d6669f2_32","name":"0831","type":"P","href":null,"layout":null,"metadata":null,"text":"During our research, developers highlighted that the frequent changes to locked screens resulted in Build-Figma discrepancies and QA issues. We have also experienced this often.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_33":{"__typename":"Paragraph","id":"2bea6d6669f2_33","name":"795e","type":"P","href":null,"layout":null,"metadata":null,"text":"To fix this, we introduced screen\u002Fflow-level versioning, enabling stakeholders to track changes easily and know what was modified, when, and why. This reduces confusion and improves workflow efficiency.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*jHW80MXlxpelJA7Di8Oz2Q.png":{"__typename":"ImageMetadata","id":"1*jHW80MXlxpelJA7Di8Oz2Q.png","originalHeight":754,"originalWidth":1425,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:2bea6d6669f2_34":{"__typename":"Paragraph","id":"2bea6d6669f2_34","name":"f5e9","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*jHW80MXlxpelJA7Di8Oz2Q.png"},"text":"Screen\u002FFlow Level Version Component","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_35":{"__typename":"Paragraph","id":"2bea6d6669f2_35","name":"4f63","type":"H4","href":null,"layout":null,"metadata":null,"text":"4. More Specific Notes","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_36":{"__typename":"Paragraph","id":"2bea6d6669f2_36","name":"c535","type":"P","href":null,"layout":null,"metadata":null,"text":"We used a general notes component widely adopted by the team, but it often went unread and became verbose.\nTo solve this, we ensured that the notes were more targeted and specific for different stakeholders. This ensures the information is relevant, concise, and crucial details aren’t overlooked.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*pdf44gzx7e12S6kmXMGdOw.png":{"__typename":"ImageMetadata","id":"1*pdf44gzx7e12S6kmXMGdOw.png","originalHeight":1438,"originalWidth":2242,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:2bea6d6669f2_37":{"__typename":"Paragraph","id":"2bea6d6669f2_37","name":"5f69","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*pdf44gzx7e12S6kmXMGdOw.png"},"text":"Notes Component","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_38":{"__typename":"Paragraph","id":"2bea6d6669f2_38","name":"3ea3","type":"H4","href":null,"layout":null,"metadata":null,"text":"5. Prototype Hub","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_39":{"__typename":"Paragraph","id":"2bea6d6669f2_39","name":"12e0","type":"P","href":null,"layout":null,"metadata":null,"text":"We know how crucial the prototype hub is for presentations and sharing multiple prototypes. Previously, it wasn’t part of our library. Now, we’ve componentized it for consistent usage across all projects.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*5E_4CAtMpz5lXYx5RnN63g.png":{"__typename":"ImageMetadata","id":"1*5E_4CAtMpz5lXYx5RnN63g.png","originalHeight":512,"originalWidth":504,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:2bea6d6669f2_40":{"__typename":"Paragraph","id":"2bea6d6669f2_40","name":"0991","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*5E_4CAtMpz5lXYx5RnN63g.png"},"text":"Prototype Hub","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_41":{"__typename":"Paragraph","id":"2bea6d6669f2_41","name":"d678","type":"H3","href":null,"layout":null,"metadata":null,"text":"Additional Guidelines for Annotation Framework","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_42":{"__typename":"Paragraph","id":"2bea6d6669f2_42","name":"50b5","type":"H4","href":null,"layout":null,"metadata":null,"text":"1. Structuring Flows: Your Way, Your Ease","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_43":{"__typename":"Paragraph","id":"2bea6d6669f2_43","name":"7b79","type":"P","href":null,"layout":null,"metadata":null,"text":"When depicting flows- be it happy paths, error scenarios, or edge cases — designers have the flexibility to structure them as they fit. Whether it’s a horizontal arrangement, a vertical lineup, or a combination of both choose the format that aligns with the specific needs and use cases of your module. The primary goal is to enhance stakeholder understanding, so opt for a layout that makes communication clearer and more intuitive.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_44":{"__typename":"Paragraph","id":"2bea6d6669f2_44","name":"86c0","type":"H4","href":null,"layout":null,"metadata":null,"text":"2. Frame Naming Freedom","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_45":{"__typename":"Paragraph","id":"2bea6d6669f2_45","name":"f70c","type":"P","href":null,"layout":null,"metadata":null,"text":"All of us are very well familiar with this:","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_46":{"__typename":"Paragraph","id":"2bea6d6669f2_46","name":"a807","type":"P","href":null,"layout":null,"metadata":null,"text":"Frame 1, Frame 2…. Frame n, Frame nn……","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":38,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":0,"end":38,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_47":{"__typename":"Paragraph","id":"2bea6d6669f2_47","name":"fc44","type":"P","href":null,"layout":null,"metadata":null,"text":"Hence, we haven’t set rigid conventions for naming the frames; instead, focussed on ensuring that frame names are relevant to their function.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_48":{"__typename":"Paragraph","id":"2bea6d6669f2_48","name":"602e","type":"H3","href":null,"layout":null,"metadata":null,"text":"Wrapping Up: More Than Meets the Eye","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_49":{"__typename":"Paragraph","id":"2bea6d6669f2_49","name":"5355","type":"P","href":null,"layout":null,"metadata":null,"text":"For designers, data is the ultimate validation. We’ve noticed a significant and consistent use of annotation components throughout the team.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_50":{"__typename":"Paragraph","id":"2bea6d6669f2_50","name":"5dc5","type":"P","href":null,"layout":null,"metadata":null,"text":"Moreover, the cross-functional teams beyond Plutus are also adopting the Annotations Framework.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*StPpd5Yzi4zQcq1KTkQvJg.png":{"__typename":"ImageMetadata","id":"1*StPpd5Yzi4zQcq1KTkQvJg.png","originalHeight":4274,"originalWidth":8931,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:2bea6d6669f2_51":{"__typename":"Paragraph","id":"2bea6d6669f2_51","name":"f07a","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*StPpd5Yzi4zQcq1KTkQvJg.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_52":{"__typename":"Paragraph","id":"2bea6d6669f2_52","name":"b08e","type":"P","href":null,"layout":null,"metadata":null,"text":"In conclusion, our annotation framework is a strategic step to strengthen collaboration and understanding within our diverse teams. It’s a commitment to improving our collective work experience, making it smoother and more effective.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_53":{"__typename":"Paragraph","id":"2bea6d6669f2_53","name":"32e8","type":"P","href":null,"layout":null,"metadata":null,"text":"As we embark on this journey, stay tuned for further updates. We’re dedicated to elevating our design game at Zeta, and there’s more exciting progress to come!","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_54":{"__typename":"Paragraph","id":"2bea6d6669f2_54","name":"318f","type":"H3","href":null,"layout":null,"metadata":null,"text":"A gift for the design community🎁","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_55":{"__typename":"Paragraph","id":"2bea6d6669f2_55","name":"48df","type":"P","href":null,"layout":null,"metadata":null,"text":"Fellow designers, our annotation framework kit is now available in the Figma Community. Yaay!🥳","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_56":{"__typename":"Paragraph","id":"2bea6d6669f2_56","name":"a1c1","type":"P","href":null,"layout":null,"metadata":null,"text":"Download it from here, integrate it into your projects, and let us know how it’s enhancing communication and streamlining your design process. We would love your feedback!","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":21,"href":"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F1384846707307187091\u002Fannotations-framework","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:2bea6d6669f2_57":{"__typename":"Paragraph","id":"2bea6d6669f2_57","name":"b5f3","type":"P","href":null,"layout":null,"metadata":null,"text":"A heartfelt thanks to Veerappa Samy for kickstarting the Annotations Framework 1.0 and supporting in enhancing it, Anoop and Kshitij for providing mentorship and feedback. Aditya and Aastha for helping with the community file readiness. A special thanks to Aishwarya for proofreading the blog. Your keen eye and valuable feedback have greatly enhanced the clarity of it.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":22,"end":36,"href":"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fveerappasamy\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":115,"end":120,"href":"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fanoopsethumadhavan\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":125,"end":132,"href":"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fkshitijp\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":172,"end":179,"href":"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fadityasad\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":183,"end":190,"href":"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Faasthagupta-\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":257,"end":267,"href":"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Faishwarya-v-773969104\u002F","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"CollectionViewerEdge:collectionId:b1d9ef1bb1cd-viewerId:lo_bef8607adfc7":{"__typename":"CollectionViewerEdge","id":"collectionId:b1d9ef1bb1cd-viewerId:lo_bef8607adfc7","isEditor":false,"isMuting":false},"ImageMetadata:1*Vjz4OlxhDF68YL7pwRL-Rg.png":{"__typename":"ImageMetadata","id":"1*Vjz4OlxhDF68YL7pwRL-Rg.png","originalWidth":600,"originalHeight":120},"PostViewerEdge:postId:3de6e1059f39-viewerId:lo_bef8607adfc7":{"__typename":"PostViewerEdge","shouldIndexPostForExternalSearch":true,"id":"postId:3de6e1059f39-viewerId:lo_bef8607adfc7"},"Tag:figma":{"__typename":"Tag","id":"figma","displayTitle":"Figma","normalizedTagSlug":"figma"},"Tag:annotations":{"__typename":"Tag","id":"annotations","displayTitle":"Annotations","normalizedTagSlug":"annotations"},"Tag:design-documentation":{"__typename":"Tag","id":"design-documentation","displayTitle":"Design Documentation","normalizedTagSlug":"design-documentation"},"Tag:design":{"__typename":"Tag","id":"design","displayTitle":"Design","normalizedTagSlug":"design"},"Tag:figma-community":{"__typename":"Tag","id":"figma-community","displayTitle":"Figma Community","normalizedTagSlug":"figma-community"},"Post:3de6e1059f39":{"__typename":"Post","id":"3de6e1059f39","collection":{"__ref":"Collection:b1d9ef1bb1cd"},"content({\"postMeteringOptions\":{}})":{"__typename":"PostContent","isLockedPreviewOnly":false,"bodyModel":{"__typename":"RichText","sections":[{"__typename":"Section","name":"a5b2","startIndex":0,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"8dfc","startIndex":52,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"eb2e","startIndex":57,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null}],"paragraphs":[{"__ref":"Paragraph:2bea6d6669f2_0"},{"__ref":"Paragraph:2bea6d6669f2_1"},{"__ref":"Paragraph:2bea6d6669f2_2"},{"__ref":"Paragraph:2bea6d6669f2_3"},{"__ref":"Paragraph:2bea6d6669f2_4"},{"__ref":"Paragraph:2bea6d6669f2_5"},{"__ref":"Paragraph:2bea6d6669f2_6"},{"__ref":"Paragraph:2bea6d6669f2_7"},{"__ref":"Paragraph:2bea6d6669f2_8"},{"__ref":"Paragraph:2bea6d6669f2_9"},{"__ref":"Paragraph:2bea6d6669f2_10"},{"__ref":"Paragraph:2bea6d6669f2_11"},{"__ref":"Paragraph:2bea6d6669f2_12"},{"__ref":"Paragraph:2bea6d6669f2_13"},{"__ref":"Paragraph:2bea6d6669f2_14"},{"__ref":"Paragraph:2bea6d6669f2_15"},{"__ref":"Paragraph:2bea6d6669f2_16"},{"__ref":"Paragraph:2bea6d6669f2_17"},{"__ref":"Paragraph:2bea6d6669f2_18"},{"__ref":"Paragraph:2bea6d6669f2_19"},{"__ref":"Paragraph:2bea6d6669f2_20"},{"__ref":"Paragraph:2bea6d6669f2_21"},{"__ref":"Paragraph:2bea6d6669f2_22"},{"__ref":"Paragraph:2bea6d6669f2_23"},{"__ref":"Paragraph:2bea6d6669f2_24"},{"__ref":"Paragraph:2bea6d6669f2_25"},{"__ref":"Paragraph:2bea6d6669f2_26"},{"__ref":"Paragraph:2bea6d6669f2_27"},{"__ref":"Paragraph:2bea6d6669f2_28"},{"__ref":"Paragraph:2bea6d6669f2_29"},{"__ref":"Paragraph:2bea6d6669f2_30"},{"__ref":"Paragraph:2bea6d6669f2_31"},{"__ref":"Paragraph:2bea6d6669f2_32"},{"__ref":"Paragraph:2bea6d6669f2_33"},{"__ref":"Paragraph:2bea6d6669f2_34"},{"__ref":"Paragraph:2bea6d6669f2_35"},{"__ref":"Paragraph:2bea6d6669f2_36"},{"__ref":"Paragraph:2bea6d6669f2_37"},{"__ref":"Paragraph:2bea6d6669f2_38"},{"__ref":"Paragraph:2bea6d6669f2_39"},{"__ref":"Paragraph:2bea6d6669f2_40"},{"__ref":"Paragraph:2bea6d6669f2_41"},{"__ref":"Paragraph:2bea6d6669f2_42"},{"__ref":"Paragraph:2bea6d6669f2_43"},{"__ref":"Paragraph:2bea6d6669f2_44"},{"__ref":"Paragraph:2bea6d6669f2_45"},{"__ref":"Paragraph:2bea6d6669f2_46"},{"__ref":"Paragraph:2bea6d6669f2_47"},{"__ref":"Paragraph:2bea6d6669f2_48"},{"__ref":"Paragraph:2bea6d6669f2_49"},{"__ref":"Paragraph:2bea6d6669f2_50"},{"__ref":"Paragraph:2bea6d6669f2_51"},{"__ref":"Paragraph:2bea6d6669f2_52"},{"__ref":"Paragraph:2bea6d6669f2_53"},{"__ref":"Paragraph:2bea6d6669f2_54"},{"__ref":"Paragraph:2bea6d6669f2_55"},{"__ref":"Paragraph:2bea6d6669f2_56"},{"__ref":"Paragraph:2bea6d6669f2_57"}]},"validatedShareKey":"","shareKeyCreator":null},"creator":{"__ref":"User:cef2d3ab35f2"},"inResponseToEntityType":null,"isLocked":false,"isMarkedPaywallOnly":false,"lockedSource":"LOCKED_POST_SOURCE_NONE","mediumUrl":"https:\u002F\u002Fdesign.zeta.in\u002Fannotating-design-files-in-figma-3de6e1059f39","primaryTopic":null,"topics":[{"__typename":"Topic","slug":"design"}],"isPublished":true,"latestPublishedVersion":"2bea6d6669f2","visibility":"PUBLIC","postResponses":{"__typename":"PostResponses","count":1},"clapCount":159,"allowResponses":true,"isLimitedState":false,"title":"Annotating Design Files in Figma","isSeries":false,"sequence":null,"uniqueSlug":"annotating-design-files-in-figma-3de6e1059f39","socialTitle":"","socialDek":"","canonicalUrl":"","metaDescription":"","latestPublishedAt":1718788854027,"readingTime":4.721698113207547,"previewContent":{"__typename":"PreviewContent","subtitle":"Enhancing communication and documentation"},"previewImage":{"__ref":"ImageMetadata:1*aWQFV4v2XmY0YJns2x9C1A.png"},"isShortform":false,"seoTitle":"","firstPublishedAt":1718707914257,"updatedAt":1732321296951,"shortformType":"SHORTFORM_TYPE_LINK","seoDescription":"","viewerEdge":{"__ref":"PostViewerEdge:postId:3de6e1059f39-viewerId:lo_bef8607adfc7"},"isSuspended":false,"license":"ALL_RIGHTS_RESERVED","tags":[{"__ref":"Tag:figma"},{"__ref":"Tag:annotations"},{"__ref":"Tag:design-documentation"},{"__ref":"Tag:design"},{"__ref":"Tag:figma-community"}],"isNewsletter":false,"statusForCollection":"APPROVED","pendingCollection":null,"detectedLanguage":"en","wordCount":920,"layerCake":0,"responsesLocked":false}}</script><script src="https://cdn-client.medium.com/lite/static/js/manifest.b2314f6d.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.24534aeb.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/6349.b071a958.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/7079.67349d50.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.a2d9f6a1.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.3d049572.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.c8a11795.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>

Pages： 1 2 3 4 5 6 7 8 9 10