Roadmap #

This is the roadmap of Duet Design System, based on our planned design and development path. Subject to change based on user needs and feedback.

Q1 2019 #

• Background and user research.
• Overall planning and defining scope.
• Conducting interviews with makers, users and stakeholders.
• Figuring out organizational challenges.

Q2 2019 #

• Overall Duet API design.
• Design Token System 1.0.
• Icon System 1.0.
• Font System 1.9.
• Sketch Toolkit 1.0
• Documentation platform 1.0.
• Adopting Design Token System into production.
• Adopting Font System into production.
• Content creation work starts.
• Core Component System work starts.
• Automated frontend tooling work starts.

Q3 2019 #

• JavaScript Utility System 1.0.
• Core CSS System 1.0.
• Design Tokens Zeplin plugin 1.0.
• Adopting parts of Component System into production.
• Documentation platform work continues.
• Automated frontend tooling work continues.
• Components VS Code extension 1.0.
• Creating component templates for the developers to use.
• Improved communication via Newsletter and weekly office hours.
• Core Component System work continues.
• Finish content creation for documentation public release.

Q4 2019 #

• Creating automated tools to measure Duet’s adoption and usage.
• Automated frontend tooling integrated into dev environment.
• Visual regression tests for design system components.
• React specific wrapper for Duet Web Components.
• Angular specific wrapper for Duet Web Components.
• Public release of Duet Design System.
• Internal and public promotion of the system.
• SSR (Server Side Rendering) for Duet’s Web Components.
• Creating additional example templates into Duet.
• Component system and work on new components continues.
• Accessibility testing and fixes to components.
• Client-side hydration for SSR rendered Web Components.

Q1 2020 #

• Finding another developer for Duet’s core team. Interested? Let’s talk!
• Onboarding new team members.
• Automating the icon library and documentation generation more.
• CLI tools and starter projects for different frameworks.
• Improved analytics tools to measure Duet’s adoption and usage.
• Developing more complex components and improving the existing ones.
• Creating new tutorials section for the documentation.
• Testing of new React library.
• Production ready React components release.
• Drag and drop interface builder for the components.
• New example templates and component usage examples.

Q2 - Q4 2020 #

• Optimizing the bundle size of the components package and lazy loading icons.
• Duet Web Components 4.0 release.
• Developing more complex components and improving the existing ones.
• Improve client-side hydration for specific SSR’d Web Components.
• Testing of new Angular library.
• Production ready Angular components release.
• Adding support for native iOS and Android platforms.
• Content management system for documentation.
• Testing of the new Drag and drop interface builder for the components.
• Creating usage guidelines for components.
• Supporting designers and developers who start to utilize the system more.
• Maintenance and keeping the system up to date.
• Focusing on contribution and adoption from different teams.
• Creating content guidelines for components.
• Moving focus from components and templates more onto usage patterns.
• Final version of Drag and drop interface builder for the components.
• Bringing in Brand Guidelines and documentation.