Harmonizing Creativity and Code: Collaboration in Design Systems

As designers, building and maintaining a Design System is beyond WordPress’ 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, 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.

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.

In this session, we’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’ll explore how to integrate your Figma design system with WordPress blocks and block themes. And we’ll dream about the ideal future state.


Categories:

Tracks:

WordCamp Canada 2024 is over. Check out the next edition!