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 #
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.