{"id":5791,"date":"2024-04-03T09:06:57","date_gmt":"2024-04-03T13:06:57","guid":{"rendered":"https:\/\/canada.wordcamp.org\/2024\/?post_type=wcb_session&#038;p=5791"},"modified":"2025-03-18T11:19:29","modified_gmt":"2025-03-18T15:19:29","slug":"harmonizing-creativity-and-code-collaboration-in-design-systems","status":"publish","type":"wcb_session","link":"https:\/\/canada.wordcamp.org\/2024\/session\/harmonizing-creativity-and-code-collaboration-in-design-systems\/","title":{"rendered":"Harmonizing Creativity and Code: Collaboration in Design Systems"},"content":{"rendered":"\n<p>As designers, building and maintaining a Design System is beyond WordPress\u2019 boundaries. Not only do we focus on building and structuring reusable UI components that overlap with theming, but we also define unified visual and functional language for a cohesive product that provides value and saves resources.<\/p>\n\n\n\n<p>As developers, we seek to isolate each component, while remaining reusable and fitting into the larger system of the CMS. We want to maintain strict control over our blocks, while not being bothered with simple, trivial changes to colours or border radii.<\/p>\n\n\n\n<p>However, building and maintaining a Design System cannot be done by either role in a vacuum; it requires effort from both designers and developers to combine different skill sets and perspectives to enhance consistency, efficiency and scalability of the system that new team members can easily onboard.<\/p>\n\n\n\n<p>In this session, we&#8217;ll discuss maintaining a Design System during its life cycle and what can we do when the number of components and variants grows along with the project. We\u2019ll explore how to integrate your Figma design system with WordPress blocks and block themes. And we\u2019ll dream about the ideal future state.<\/p>\n\n\n<div class=\"wp-block-wordcamp-session-speakers\"><span class=\"wp-block-wordcamp-session-speakers__byline\">Presented by<\/span><span class=\"wp-block-wordcamp-session-speakers__name\"><a href=\"https:\/\/canada.wordcamp.org\/2024\/speaker\/bryenne-kay-jesse-dyck\/\">Bryenne Kay<\/a><\/span><span class=\"wp-block-wordcamp-session-speakers__name\"><a href=\"https:\/\/canada.wordcamp.org\/2024\/speaker\/jesse-dyck\/\">Jesse Dyck<\/a><\/span><\/div>","protected":false},"excerpt":{"rendered":"<p>As designers, building and maintaining a Design System is beyond WordPress\u2019 boundaries. Not only do we focus on building and structuring reusable UI components that overlap with theming, but we also define unified visual and functional language for a cohesive product that provides value and saves resources. As developers, we seek to isolate each component, [&hellip;]<\/p>\n","protected":false},"author":22019204,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1720807200,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[5790,5740],"footnotes":""},"session_track":[45],"session_category":[],"class_list":["post-5791","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-track-b-central"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"July 12, 2024","time":"2:00 pm"},"session_speakers":[{"id":"5790","slug":"bryenne-kay-jesse-dyck","name":"Bryenne Kay","link":"https:\/\/canada.wordcamp.org\/2024\/speaker\/bryenne-kay-jesse-dyck\/"},{"id":"5740","slug":"jesse-dyck","name":"Jesse Dyck","link":"https:\/\/canada.wordcamp.org\/2024\/speaker\/jesse-dyck\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/canada.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions\/5791","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/canada.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/canada.wordcamp.org\/2024\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":3,"href":"https:\/\/canada.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions\/5791\/revisions"}],"predecessor-version":[{"id":6313,"href":"https:\/\/canada.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions\/5791\/revisions\/6313"}],"speakers":[{"embeddable":true,"href":"https:\/\/canada.wordcamp.org\/2024\/wp-json\/wp\/v2\/speakers\/5790"},{"embeddable":true,"href":"https:\/\/canada.wordcamp.org\/2024\/wp-json\/wp\/v2\/speakers\/5740"}],"author":[{"embeddable":true,"href":"https:\/\/canada.wordcamp.org\/2024\/wp-json\/wporg\/v1\/users\/bbque"}],"wp:attachment":[{"href":"https:\/\/canada.wordcamp.org\/2024\/wp-json\/wp\/v2\/media?parent=5791"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/canada.wordcamp.org\/2024\/wp-json\/wp\/v2\/session_track?post=5791"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/canada.wordcamp.org\/2024\/wp-json\/wp\/v2\/session_category?post=5791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}