{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/nO4E7AyPbnoLnmYEsfBP/A7WraqNXcD54t47S7hmD/WTXlV9g7E.js"],
  "sourcesContent": ["import{jsx as e,jsxs as t}from\"react/jsx-runtime\";import{addPropertyControls as n,ControlType as i}from\"framer\";import*as a from\"react\";let r=\"I1_CY83YQ\",o=\"kgr4BOt4m\",s=\"DiS1iVfbu\",l=\"LORVQto2H\",d=\"wvUD1tLd1\",c=(e,t)=>{if(e&&\"object\"==typeof e)return{...e,alt:t};},h=[{id:\"rYDPhn7b1\",I1_CY83YQ:c({src:\"https://framerusercontent.com/images/mxiCQRRJlnBvi9uh6FYAQwS0qgk.png\",srcSet:\"https://framerusercontent.com/images/mxiCQRRJlnBvi9uh6FYAQwS0qgk.png?scale-down-to=512 512w, https://framerusercontent.com/images/mxiCQRRJlnBvi9uh6FYAQwS0qgk.png?scale-down-to=1024 1024w, https://framerusercontent.com/images/mxiCQRRJlnBvi9uh6FYAQwS0qgk.png 1920w\"},\"blog thumbnail\"),kgr4BOt4m:\"2024-01-03T00:00:00.000Z\",DiS1iVfbu:\"Should designers learn to code?\",LORVQto2H:/*#__PURE__*/t(a.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"Hi fellow designers \uD83D\uDC4B\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"p\",{children:\"Should UX designers learn to code? If you're a UX designer, chances are you've been asked this question more times than you\u2019ve changed hex codes on a stubborn UI element. So, let's break it down.\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"strong\",{children:\"1. Speak the Language \"})}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"p\",{children:'First off, understanding coding is like being multilingual in today\u2019s digital age. You don\u2019t need to be a codewizard, but knowing the basics of HTML, CSS, or JavaScript can really change the way you communicate with developers. It\\'s like suddenly understanding what the chef means when they say, \u201CThis needs more umami.\u201D Imagine discussing a design with a developer and saying, \"How about we adjust the flex property for a more responsive layout?\" instead of \"Can we make this thingy adjust better when the screen gets smaller?\" Watch their eyes light up with joy and understanding. That\\'s collaboration at its best.'}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"strong\",{children:\"2. Be realistic\"})}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"p\",{children:\"Now, let's talk about designing within realistic expectations. Everything is theoretically possible, but understanding certain coding constraints keeps you grounded. Ever seen a concept car at an auto show and wondered why it never hits the market? That's often because designers dreamt without boundaries, and engineers had to bring them back to Earth. Coding knowledge helps you design not just for the skies, but for the streets.\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"strong\",{children:\"3. Walk a Mile in Their Code\"})}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"p\",{children:\"Empathy is the bread and butter of UX design. By learning to code, you gain empathy for the development team. It's like knowing how the kitchen operates, not just how to set the table. When you understand the challenges and limitations developers face, your designs become more than just pretty pictures, they become feasible solutions.\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"strong\",{children:\"4. Supercharge Your Prototyping Skills\"})}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"p\",{children:\"Here\u2019s where it gets exciting. When you know coding, your prototyping level goes from sketching on napkins to building functional mini-versions of your ideas. This means you can test, iterate, and validate your designs faster than ever. It\u2019s like having a sports car instead of a bicycle for the race to product-market fit.\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"strong\",{children:\"5. The Joy of Creating Something\"})}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"p\",{children:\"Finally, there\u2019s something deeply satisfying about seeing your designs come to life, and coding gives you that power. It\u2019s like cooking a gourmet meal and getting to eat it too. There's a unique joy in building something that not only looks good but also functionally works\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"p\",{children:\"In the end, it's your call. While you don't need to be a coding guru, having a grasp on the basics can elevate your UX game to a whole new level. It's about being a better collaborator a more pragmatic designer, and a future-ready digital creator.\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"p\",{children:\"So, dear UX designers, consider dipping your toes into the coding world. Who knows, you might just love it. And if not, at least you\u2019ll have fun stories for the next standup.\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"p\",{children:\"Happy designing (and maybe coding)! \u270C\uFE0F\uD83D\uDE80\"})]}),wvUD1tLd1:\"should-designers-learn-to-code\"}];for(let e of h)Object.freeze(e);n(h,{I1_CY83YQ:{__defaultAssetReference:\"data:framer/asset-reference,64n4wnVJKDJspLlFZ6DarCP0M4.jpg\",title:\"Image\",type:i.ResponsiveImage},kgr4BOt4m:{defaultValue:\"\",title:\"Date\",type:i.Date},DiS1iVfbu:{defaultValue:\"\",title:\"Title\",type:i.String},LORVQto2H:{defaultValue:\"\",title:\"Content\",type:i.RichText},wvUD1tLd1:{title:\"Slug\",type:i.String}}),h.displayName=\"Blog\";export default h;export const enumToDisplayNameFunctions={};export async function getSlugByRecordId(e,t){var n;return null===(n=h.find(t=>t.id===e))||void 0===n?void 0:n.wvUD1tLd1;}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"data\",\"name\":\"data\",\"annotations\":{\"framerSlug\":\"wvUD1tLd1\",\"framerEnumToDisplayNameUtils\":\"2\",\"framerRecordIdKey\":\"id\",\"framerContractVersion\":\"1\",\"framerData\":\"\"}},\"getSlugByRecordId\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"enumToDisplayNameFunctions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],
  "mappings": "qEAAwI,IAA0E,EAAE,CAACA,EAAEC,IAAI,CAAC,GAAGD,GAAa,OAAOA,GAAjB,SAAmB,MAAM,CAAC,GAAGA,EAAE,IAAIC,CAAC,CAAE,EAAEC,EAAE,CAAC,CAAC,GAAG,YAAY,UAAU,EAAE,CAAC,IAAI,uEAAuE,OAAO,wQAAwQ,EAAE,gBAAgB,EAAE,UAAU,2BAA2B,UAAU,kCAAkC,UAAuBC,EAAIC,EAAS,CAAC,SAAS,CAAcC,EAAE,IAAI,CAAC,SAAS,+BAAwB,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,KAAK,CAAC,UAAU,gBAAgB,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAS,0MAAqM,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,KAAK,CAAC,UAAU,gBAAgB,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,SAAS,CAAC,SAAS,wBAAwB,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,KAAK,CAAC,UAAU,gBAAgB,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAS,8nBAA4mB,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,KAAK,CAAC,UAAU,gBAAgB,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,SAAS,CAAC,SAAS,iBAAiB,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,KAAK,CAAC,UAAU,gBAAgB,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAS,kbAAkb,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,KAAK,CAAC,UAAU,gBAAgB,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,SAAS,CAAC,SAAS,8BAA8B,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,KAAK,CAAC,UAAU,gBAAgB,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAS,kVAAkV,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,KAAK,CAAC,UAAU,gBAAgB,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,SAAS,CAAC,SAAS,wCAAwC,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,KAAK,CAAC,UAAU,gBAAgB,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAS,+UAAqU,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,KAAK,CAAC,UAAU,gBAAgB,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,SAAS,CAAC,SAAS,kCAAkC,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,KAAK,CAAC,UAAU,gBAAgB,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAS,6RAAmR,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,KAAK,CAAC,UAAU,gBAAgB,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAS,yPAAyP,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,KAAK,CAAC,UAAU,gBAAgB,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAS,qLAAgL,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAsBA,EAAE,KAAK,CAAC,UAAU,gBAAgB,CAAC,CAAC,CAAC,EAAeA,EAAE,IAAI,CAAC,SAAS,2DAA0C,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,gCAAgC,CAAC,EAAE,QAAQL,KAAKE,EAAE,OAAO,OAAOF,CAAC,EAAEM,EAAEJ,EAAE,CAAC,UAAU,CAAC,wBAAwB,6DAA6D,MAAM,QAAQ,KAAKK,EAAE,eAAe,EAAE,UAAU,CAAC,aAAa,GAAG,MAAM,OAAO,KAAKA,EAAE,IAAI,EAAE,UAAU,CAAC,aAAa,GAAG,MAAM,QAAQ,KAAKA,EAAE,MAAM,EAAE,UAAU,CAAC,aAAa,GAAG,MAAM,UAAU,KAAKA,EAAE,QAAQ,EAAE,UAAU,CAAC,MAAM,OAAO,KAAKA,EAAE,MAAM,CAAC,CAAC,EAAEL,EAAE,YAAY,OAAO,IAAOM,EAAQN,EAAeO,EAA2B,CAAC,EAAE,eAAsBC,EAAkBV,EAAEC,EAAE,CAAC,IAAIU,EAAE,OAAeA,EAAET,EAAE,KAAKD,GAAGA,EAAE,KAAKD,CAAC,KAA5B,MAAyCW,IAAT,OAAW,OAAOA,EAAE,SAAU,CACl5L,IAAMC,EAAqB,CAAC,QAAU,CAAC,QAAU,CAAC,KAAO,OAAO,KAAO,OAAO,YAAc,CAAC,WAAa,YAAY,6BAA+B,IAAI,kBAAoB,KAAK,sBAAwB,IAAI,WAAa,EAAE,CAAC,EAAE,kBAAoB,CAAC,KAAO,WAAW,YAAc,CAAC,sBAAwB,GAAG,CAAC,EAAE,2BAA6B,CAAC,KAAO,WAAW,YAAc,CAAC,sBAAwB,GAAG,CAAC,EAAE,mBAAqB,CAAC,KAAO,UAAU,CAAC,CAAC",
  "names": ["e", "t", "h", "u", "x", "p", "addPropertyControls", "ControlType", "WTXlV9g7E_default", "enumToDisplayNameFunctions", "getSlugByRecordId", "n", "__FramerMetadata__"]
}