The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Design all the states, not just the happy path.
When creating a design system, it's easy to focus only on the default state, but developers need much more.
In the case of checkboxes like this component, devs require unchecked, indeterminate, and checked states, as well as focus states for keyboard navigation, and disabled states that meet contrast requirements.
This isn't just extra work; it's essential for accessibility. Screen readers need accurate state communication, and keyboard users need visible focus. If you skip these steps, the devs may make incorrect assumptions, leading to inconsistencies.
Investing a little bit of extra time in designing states can save hours of back-and-forth later. Your component isn't complete until every state is thoughtfully designed!
@Keara Meehan All states matter
@Keara Meehan I love this. I always think from a developer’s perspective when I’m designing complex products. That shift makes a huge impact on product success. When creating design systems from scratch, it’s best to include a developer on the calls so we can get their perspective
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aivideo
AI video tools are moving at warp speed. What tools are you using?