Background:
Tuist has been a leading product within Apple’s app ecosystem. While the CLI has served as the core foundation of Tuist, we are investing more and more in extending its capabilities on a server, including a dashboard. As part of this initiative, I will be focusing on creating a design system that will serve as the backbone for the dashboard and for all future design work.
Plan:
To kick off this redesign initiative, my general plan for creating the design system is as follows:
Research and Inspiration:
- Analyze industry-leading design systems like Polaris (Shopify), Carbon (IBM), and Material Design (Google) to draw inspiration for components, layouts, and interaction patterns.
- Review Tuist’s existing UI and CLI elements to maintain brand consistency and ease of use.
Define Style Guide:
- Establish core elements: typography, color palette, spacing, and grid system.
- Define design tokens for use across components (e.g., text sizes, padding, margin, shadow).
- Ensure accessibility standards, including color contrast, font sizing, and screen reader compatibility.
Component Library:
- Create reusable components like buttons, form inputs, modals, navigation bars, and tooltips.
- Define the state for each component (default, hover, focus, disabled, error).
- Ensure components are flexible to accommodate different types of user interactions and tasks within the dashboard.
Next Steps:
- Finalize the style guide and component designs.
Once the design system is ready, we’ll be open-sourcing everything. I’d love to hear your thoughts—feel free to share any suggestions or comments about what you’d like to see in the new dashboard!