Fixed and flexible
To innovate fast and ensure a cohesiveness experience, we make a distinction between fixed and flexible elements.
Fixed elements are specific, repeatable solutions to common customer problems. They are already defined, built, and standardized, so please use them consistently. They include foundational elements such as buttons, checkboxes, form fields, headers, font sizes, and colors.
Flexible areas are where we can optimize for a specific use case. These should address interaction issues only and should not contain visual design requirements. If you are assigned to an innovation project, then you are encouraged to stretch the boundaries of the system. Although any innovation needs to follow the visual mechanics structure.
To streamline design efforts, share files, and automate as much as possible, we primarily use Sketch. We use the Lingo library plugin for Sketch to synchronize design assets across instances in real time. If you haven’t used Sketch before, learn it. It’s powerful, and the learning curve is short. For you coders out there, we’ve got a robust UI component library built with ReactJS.
Images and assets
Get support early and often
If you feel like you’re stuck, there are several forums to get help. Start with your fellow designers on your team, and then reach out to one or all of these resources:
QuickBooks Design System office hours
Make an appointment
- Mondays through Thursdays, 3:00 – 4:00pm (USA/PST)
Brand office hours
Make an appointment. Email your question to firstname.lastname@example.org
Review and approval process
Final approval for your project sits with the project owners. During your project, you have several resources to help you deliver awesome:
For visual design feedback
The first step is to reach out to the visual stakeholders team for their input. Contact Hetal Soni if you need support and/or project review.
For content design feedback
Make sure the content of your project is written by and reviewed by a content designer. If there is no content designer assigned to your project, get support at content design office hours.
Share your expertise
The QuickBooks Design System is owned by every QuickBooks designer and developer. Yes, that’s you! The QuickBooks Design team is here to help you learn how to contribute content that will help create a world-class design system. There’s no better time than the present, so let’s begin! See how it works
The QuickBooks design community is a collaborative environment and we encourage conversations among designers across project and team boundaries. You will find a number of events and activities in your calendar to foster collaboration and friendship among designers. We encourage everyone to participate, have fun, and learn. Welcome to the team!