CINXE.COM

<!DOCTYPE html><html lang="en-US"><head><title>Just a moment...</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=Edge"><meta name="robots" content="noindex,nofollow"><meta name="viewport" content="width=device-width,initial-scale=1"><style>*{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%;color:#313131;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{display:flex;flex-direction:column;height:100vh;min-height:100vh}.main-content{margin:8rem auto;max-width:60rem;padding-left:1.5rem}@media (width <= 720px){.main-content{margin-top:4rem}}.h2{font-size:1.5rem;font-weight:500;line-height:2.25rem}@media (width <= 720px){.h2{font-size:1.25rem;line-height:1.5rem}}#challenge-error-text{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0IyMEYwMyIgZD0iTTE2IDNhMTMgMTMgMCAxIDAgMTMgMTNBMTMuMDE1IDEzLjAxNSAwIDAgMCAxNiAzbTAgMjRhMTEgMTEgMCAxIDEgMTEtMTEgMTEuMDEgMTEuMDEgMCAwIDEtMTEgMTEiLz48cGF0aCBmaWxsPSIjQjIwRjAzIiBkPSJNMTcuMDM4IDE4LjYxNUgxNC44N0wxNC41NjMgOS41aDIuNzgzem0tMS4wODQgMS40MjdxLjY2IDAgMS4wNTcuMzg4LjQwNy4zODkuNDA3Ljk5NCAwIC41OTYtLjQwNy45ODQtLjM5Ny4zOS0xLjA1Ny4zODktLjY1IDAtMS4wNTYtLjM4OS0uMzk4LS4zODktLjM5OC0uOTg0IDAtLjU5Ny4zOTgtLjk4NS40MDYtLjM5NyAxLjA1Ni0uMzk3Ii8+PC9zdmc+);background-repeat:no-repeat;background-size:contain;padding-left:34px}@media (prefers-color-scheme:dark){body{background-color:#222;color:#d9d9d9}}</style><meta http-equiv="refresh" content="390"></head><body class="no-js"><div class="main-wrapper" role="main"><div class="main-content"><noscript><div class="h2"><span id="challenge-error-text">Enable JavaScript and cookies to continue</span></div></noscript></div></div><script>(function(){window._cf_chl_opt={cvId: '3',cZone: "help.figma.com",cType: 'managed',cRay: '8e968e7a98778bcd',cH: 'VxZznshLj.xU_MuPL0bYWl.hNK7UJSAvgW1jjaafYj0-1732757047-1.2.1.1-bXlHL1e8548QgOvNm8M0dkAKSZIqW6Eams8VcF.pL7kvzMnGVH_8QaluETrFT8q7',cUPMDTk: "\/hc\/en-us\/sections\/14548397990423-Introduction-to-design-systems-5-parts?__cf_chl_tk=dqODJZYYi1EHbfRr50A8ruUlEqgpxUkDgdrh1jIbLJ4-1732757047-1.0.1.1-7rJ4AvQigj7.NRenWHoeavGo_5uV2ZrYG4ngmpK_UoE",cFPWv: 'b',cITimeS: '1732757047',cTTimeMs: '1000',cMTimeMs: '390000',cTplC: 0,cTplV: 5,cTplB: 'cf',cK: "",fa: "\/hc\/en-us\/sections\/14548397990423-Introduction-to-design-systems-5-parts?__cf_chl_f_tk=dqODJZYYi1EHbfRr50A8ruUlEqgpxUkDgdrh1jIbLJ4-1732757047-1.0.1.1-7rJ4AvQigj7.NRenWHoeavGo_5uV2ZrYG4ngmpK_UoE",md: "ieLUtQX6lTvcG.vZV4YrepWkfc2MWd2CxugdOxS90o4-1732757047-1.2.1.1-2XGJhqdLiYOQAzpj.rNcU0k4vZLKstuvl2QQdyTVfwsomqHoaoidCX7dbl9A4jGZOnWwekk9jYBOEyh61epVox3CB2kpSCV.Jx9fRNd8g4YUhv8qRPvjOyrxajVem5bqxJIIxrrA0R3DAgR.bTkAYfZttssGjg7ZGRMD2UuguvOtqCctKzTrO6UUF2wf37v_fErGG.CQPyaK1S4qlO5.2na.T2t2jXyvPvQClbQodw3H_EbYZNxD0Gy1PWKy6IvfTTdmy0dJSbTxTzMICWQ.oMZ_cVkc8Q7.b3JCPN0.rB0zPdcjCadGI9.c_z9viomHUTD1RTM8QHh8VzyDzXmbWYPVxagjnskQ0UjlMyulLllzZN5aUNXiCU2ah99G4ZqqNc2mVRjQvpodFZxEtmA_qiwXzyB3SnHYnbQwICYQQtRW.jDxGrCcKGl32MgHpLaAawkt9dDLhKDbUTBINHtkA8GXshVngTTRRS7Y3Gxj6iOSSuDIakoFEOTaMY5DJgNWG7Yi9g1uOk8r3CgzXMLw5bzE.CIi4IBG9NeYMInajeLabZMPMkbTvMfT3Q_bH4RlXYtARpO_rDrpqakRjQOcnXR7j.ttmiifsGw1_PrHseaVM4fNNcw_t28wX_MRXOSn0wX3yMuMblcbJHtfcmQWd0Z3VCWn2xLZDQLmwWuxcO4BIth5dZdeZ77Kba69SLB7C9l9uzmgT6BgCR7Qs8pKI8g1nj07rhgYwULPe0Te2M3iqPVYMg4hhuVeH4xOymctFeRnO25DSD7MMi.oJjNuu8hv5o631z6gK.ls6GpHCfM7fCBf.Kcfnkn_E6XAUjAnF3mz2RPfOfw.JKkCybqfrf0A1PfAaGquoez0NBDZxCXNMbasQkSaphCnN.XaaE1DUnXQ8lmGN1s86bmCnVp4C5g6pRrHoAQg6uBCCFGR2avmwiRRkV6pfgficphG_MQjvkUdgMgMuvWdjqeAepObLdzxHl4yv1oBtLlRKd3blv.3NAbMtWuoDNJRPhXLUBkXnqaA4oImF5LdScy4wMa_CEfLOGk8CiE1xvfv0.KfjCgT9kFqBXh0JE0HSKJKW4Sm5yLkI4hoM1wyJtaYeGXs7uoFu58j6WGX_AhAfGOtVPDiFbPSr45OTHIWHOnsH8_UF94.AwYDYyon2bJ4_o3NWlOjnOeoYu4JtQWFOcznCYWavxiicIlR5rOhASYikMh9OQvoVD9F.T108pyfeJFuNceceI2zmKYbYdQUKZdRrKdgIrtD9zT0hIfg_9Hiejq0dIUH.JxBiFUJjKAchG7PAW6.V4NO2dxJsa4isd8lsGWPD_t7oXWJCf1cZDiD80tYi.18a.LKckJdL4YtLDSeBQ5MM1cgtw1oFN_.gQ0lsYs_J9NpVRpvE3fpmYUNbh2t0xEzlaI_Mgk6mFD9jFRoNDEVpHFHgya5suxjfTB6fgQqlva615q1dyzbwc2HwqrqoT8n.Xn4QWtFr1zYe7.YipRnJGk2cVIUq_PHwo8kNsC55zvyLHEKf.AutvNKoTQPpcgIshMLoOr0R.Yx8TC833JTurA0AxScuf8QcfJm4TJTKkIuRZqKYtk9SdPA8m4MVjbG8aTcqmNpyb8ZOowAOWFRPJ_hgHpyf.ptGESTAPr8tuPFo6fe5w3bKd36UmCbXH6EmwSgt5CX8JfHCH_QggO0.z4AM4.qbFzg82tJO3jAl2aDK_fbS7iNKltz7IwHwaIeFhP0YVDDPqXkGBS0QmmClao_sbcLqBUKABsANro8NxwjPsCjgd5._WIg0TIGyDuDRe0JtWsc861VnHnbo_RV3PW7TnbVSnkMgqrUHjd5VspMLXNrnYvuwPbyjUfQDEbkxzsLoyHK9abKFkNzwy8Aiv.jgYOL2F325jIM6Wg0HkXUI3MNkmz6XzIcCvyM7Oy8jYfs4q49W_NTo5jzj8U38wTmOC9apuvjWZlG0t1O2Ve4dHcIVu2UHiZ6AxTSHzNq.mP2NPqSHqgu1aSJmgraBxga1kwRhyiDpUOJ2C30scBc5bnWxTqF4YcRAq67TT0kXhxk87.I3N5Z.GOB62KvWMha.g69pRuwRxNWbiXxEVmOA8I9gF7lMa5WGqdvUh7GwW_4v5sX4BkoaVVSA5kgc.qAO3YiLgU9yIhw4bpNuzZ_8Dumdf1TRPX7u1ml4UMlY_qY95usnawEdO77ZNtIwqoEK_X25z79j77XZYQ8YJKysDHRPO1.u4exQ68t0AJAl9zJolXCbmD3Iy5wf5_qn1qPNV6azbaIG0tbRNsay2cwpU50lBDnVzfcvqjJde8Wf9Id3xmPoakrxTSFGUlExBe.LMS2utOzqznHp3IIWoVHGWLx9DmyFbn3OEnQp3wcFq5mdIT.50SrYMSFc5VncwGa_T7oG_aEenzlABIguUKzclVKuhgKt_pQYrP2CzH.w1AE0ubIlSuOck4UbKja4y6hTUv7zXdljGYcNM33hNs6dNcMjhCoRuMDwZa5rRB3ZclJgpDJ_OOo7jtvryU1ERVIaueKWCpONCmVWZHJ84kencStk8W1bHPdgOhhq7ZfyGsptHA0INPOxdEBw8Z8iMkL.3crN7b37OjCxIEd9rBNupdQUF5K6FoG4WcynlKJXttRd.3qY3pOQA3tn74mcD6vajpwtIbvVRIvuk0l_Wu2rHNnB0Uv7CtEDUcr9MwRYhDfp.psbfrAmQVpdpxlehbsgrIXoI8.H9WK4ny43vW7BMzK.DMDFEnPQfDaydECwDvfpXzZW8buIuqjSDkpj3CdCR5q4JM5w1pLmiiAPyS.89G15sZEt.EqhptFVCku5AnPCRJrCyufmGjDUj1vk36XMLhd0ju.ggpmTVcr9otRcxaqqgWqNrsZekQnZB4iKbnTEENq8bGPP41T_rt6ueWOYBe79b4RdBA0nmg_HYNOLPNtp0JVK5lF6ajDlrNQH7YIJ7yr7mV1cvx1jfj.s.WIaTagls5cIENwdORirBDHO1ckvCDk5_87MQI42S9bpv.aibvPKgqhelXRHXoitQLEP8OC.NscDCdoiW4el69NQxaF8EiKKPV0dRHp",mdrd: "zl2uW9EDyIRWL_KiSLE8p6IcXq.F03qF8Ak8GO1M3.I-1732757047-1.2.1.1-gyQyiijDrfFUcwBoUUyfAgiWZrOokxZ_bV60umymxXOfnO6t3_RCsyac7OWxOoDGAloJ1NWstxLgZK7nS1Y3ocgxMnMdvvQ9doKp0moZhiavRcvYSEOTd_9n.UmvMQH8A6hau6VjnEmKqYLMuMP6Rhk3A8ALKjsDPzPThKyEGAv82c9cjd9vg14LUAHGVlT1wCTGYw9uOTJOTcFKYCdmYEX44UxlgPdbzyI7VGSzpkxz4qGGCW07W66.y51mDZK2kX88BfIFrp9Kd3qto1y4CZ5TxUB8rPQWHY.44obJs9P0SqnhdQv9uL1sw5Q7ixeZD5ZZ78NAMmR6zrpbUojXgT.ZO4mxZ4YLUrsrdeKHznlYVuagnAig.XiXlvdGxPTRNdu7fBNil1vA.emc6TxAxn2PnqCoj1dmOfyYcO5l8mCFhVo4BdogKMQ.g569F4jfnaw4qLsSXcKq_zr2yzewSv3EnW4qSRVGsJEcm6F4Vbf7riQyRqWNCEx.OGywHW6NHGr9XDZRtj29zi_LuP1AHRGrL8HzQHYU2vgtl_QjvQ4AffZ208Hpe5Q72Q6oQMIkBEkv0ASV0vo3Xtyn8_u6a.pZFGWA9w_dD2eI7bxxl4YrfraqOXq3_HL5ZZ6CcP.39pFtKbsAW64DC2OappQl9D7120zkwddfjMp4AQyugQlwVO2WTEEZB54dsqtlDVThqQirfXTDcQiklg.puHdQKd6BvOBMJ5g.HNj6MRmVfpZljbVmZLNZKOg5sZ.YnQQIzIWp.PoY7Lcem4ew2DayyFkiMVtpn4jtsTw1k8nNFMJ0YBKZYprQqMolROkMuBzULhI4dwUqrmC1hTmrdUIhLFwmH0aY5vCmLPjRLL8Azj9XiGZu2shqGrentdI6OayDRKqxLgNEI.rpH6ONyty23oySewxsWFJyJIewegWriv9qmJw94NSHmqbkR5B9zO6dYlkuulLTtn.E7nXMTnrCHmzFoW.VeFAOom4RAyLW9K.8FjCKKdcOWCRJP96HqPYprPduvKy3DpyvxYgxvy6awnrODg_xuL_Dl46thqTU446Y2usE94YnLTGC7kbLx0plIkcsJtYQzU5_MkIpFKjM0dHPdpZkbVoHGRCvJo7VcaIFo8sJamlrEQW_5rvLz3838Op5z2mWWpyhhV260yGeuI8_NPzqjHIrp6hRguBjdGlafPu6yZQSytzz0d69_.wb2fN__7eWQ_lOb1NLPvQt2HJDaZ6eRySNImnA0.l3oajbSgKR6bzyf9gHwnMyuFsgFS9Ooa3tSag4M3FfKmSEn627RUqGBYIK2fWh3_3wGCzrvz._PkV9kFp3CaZ2M8BqN_QCuJUF1g3idN9dH4_zQoPI9BGIGF8fJtRXz7JRA9vNhpmuZFtCmjX3nYTxArKlofJa89XBTooNhSDodrALceMOgDsM0J_UWYqQZhc.vAWK7znseJ8FrUnG1cfpaKv_4OMPxW8IiLmJL6cA5yZlRnUDoWEgLt_F39tqlPHMZDv9TJFb74zI4sqYO5EqP1._KSn.600Eu6urCzKVi5EECDGhzK351XlpSFZUN8RRqqHojSRqFpxxe3E_LW7QTXFPXMWb7XgdG17Is2PhCIGYTtAi1CoPcoDe._Gzr.j1BpT7bElclkICLtrC7knJn7p9UmEWuMNIZ4UFDAmvsmZBDgI1ZDa67toSB.zStl2kSlcLkP6tE90MI0RMTaaoLxjmIFSXCX.Pc5F.h97HYb6EumompwY4Zb6jD2aLNXPcMXDFBdq7lStWeOLLrnXVlBFbinNuq6jsLM.iMXEE3EctbPgP7wyQE6okF2654AMfyAHMdTjq9ro0DD0QYnqS9WY07BsZza3Ru2wQlu_5fZVA_nsFs3Okwawxr1EnQSbt6sn93OGaFY0KpBGu9_bYCQLXL7puUNyP_qD9cizLKHeW1pf.AXxN2U_nanXgyjQJ6wjfQ4jhnoL0F8ejU7jQRWYk"};var cpo = document.createElement('script');cpo.src = '/cdn-cgi/challenge-platform/h/b/orchestrate/chl_page/v1?ray=8e968e7a98778bcd';window._cf_chl_opt.cOgUHash = location.hash === '' && location.href.indexOf('#') !== -1 ? '#' : location.hash;window._cf_chl_opt.cOgUQuery = location.search === '' && location.href.slice(0, location.href.length - window._cf_chl_opt.cOgUHash.length).indexOf('?') !== -1 ? '?' : location.search;if (window.history && window.history.replaceState) {var ogU = location.pathname + window._cf_chl_opt.cOgUQuery + window._cf_chl_opt.cOgUHash;history.replaceState(null, null, "\/hc\/en-us\/sections\/14548397990423-Introduction-to-design-systems-5-parts?__cf_chl_rt_tk=dqODJZYYi1EHbfRr50A8ruUlEqgpxUkDgdrh1jIbLJ4-1732757047-1.0.1.1-7rJ4AvQigj7.NRenWHoeavGo_5uV2ZrYG4ngmpK_UoE" + window._cf_chl_opt.cOgUHash);cpo.onload = function() {history.replaceState(null, null, ogU);}}document.getElementsByTagName('head')[0].appendChild(cpo);}());</script></body></html>