{"id":40292,"date":"2026-07-05T09:40:15","date_gmt":"2026-07-05T06:40:15","guid":{"rendered":"https:\/\/cradis.co\/workshop\/%d9%83%d9%8a%d9%81-%d8%aa%d8%ae%d8%aa%d8%a8%d8%b1-%d8%aa%d8%b5%d9%85%d9%8a%d9%85%d9%83-%d9%88%d8%aa%d8%ab%d8%a8%d8%aa-%d9%82%d8%b1%d8%a7%d8%b1%d8%a7%d8%aa%d9%83-%d8%a8%d8%a7%d9%84%d8%a3%d8%b1%d9%82\/"},"modified":"2026-07-19T11:28:44","modified_gmt":"2026-07-19T08:28:44","slug":"how-to-build-design-components","status":"publish","type":"workshop","link":"https:\/\/cradis.co\/en\/workshop\/how-to-build-design-components\/","title":{"rendered":"Planning before design: How to build flexible and scalable design components (Components)"},"content":{"rendered":"<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Plan the component architecture before you start designing it (properties, variables, states)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Building flexible components that adapt to different use cases<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Make design decisions that facilitate future component expansion without rebuilding it<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Organize your components in a way that makes integrating them into a larger design system easy and logical<\/span><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Did you design a component (Component) and think it was final, and then have to rebuild it from scratch with the first modification request? Components that are built without prior planning quickly become a burden on the designer and development team. In this workshop you will learn how to plan to build each component before you start designing it, and how to make decisions that make your components flexible and scalable as the product grows.<\/p>","protected":false},"featured_media":40295,"template":"","workshop-tag":[290],"workshop-template":[298,297],"workshop-type":[22,23],"class_list":["post-40292","workshop","type-workshop","status-publish","has-post-thumbnail","hentry","workshop-tag-290","workshop-template-298","workshop-template-297","workshop-type-22","workshop-type-23"],"acf":[],"_links":{"self":[{"href":"https:\/\/cradis.co\/en\/wp-json\/wp\/v2\/workshop\/40292","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cradis.co\/en\/wp-json\/wp\/v2\/workshop"}],"about":[{"href":"https:\/\/cradis.co\/en\/wp-json\/wp\/v2\/types\/workshop"}],"version-history":[{"count":0,"href":"https:\/\/cradis.co\/en\/wp-json\/wp\/v2\/workshop\/40292\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cradis.co\/en\/wp-json\/wp\/v2\/media\/40295"}],"wp:attachment":[{"href":"https:\/\/cradis.co\/en\/wp-json\/wp\/v2\/media?parent=40292"}],"wp:term":[{"taxonomy":"workshop-tag","embeddable":true,"href":"https:\/\/cradis.co\/en\/wp-json\/wp\/v2\/workshop-tag?post=40292"},{"taxonomy":"workshop-template","embeddable":true,"href":"https:\/\/cradis.co\/en\/wp-json\/wp\/v2\/workshop-template?post=40292"},{"taxonomy":"workshop-type","embeddable":true,"href":"https:\/\/cradis.co\/en\/wp-json\/wp\/v2\/workshop-type?post=40292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}