Out-of-the-box or customized, IBM Carbon is an accelerator for your own branded design system
Many available design systems on the market today only give you a very basic UI/UX kit.
IBM Carbon provides one of the most comprehensive, well considered and easy to use stacks of interlocking design system tools in the market. Carbon is IBM’s award winning, open-source design system for products and experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.
As IBM’s official design system supporting over 100 products, Carbon serves a wide range of designers and developers building digital products and experiences. Design patterns are harvested from products built with Carbon to become part of the design system. Teams can use these well-defined patterns in their work and contribute patterns back to the system.
The benefits of using Carbon include improving UI consistency and quality, making the design and development process more efficient and focused, establishing a shared vocabulary between designer and developer, and providing clear, discoverable guidance around design and development best practices.
Putting Carbon Design System tools to work
Components: Components are the key building blocks of the design system. Each component has been designed and coded to solve a specific UI problem, such as presenting a list of options, enabling submission of a form, providing feedback to the user, and so on. All of the components in Carbon have been designed to work harmoniously together, as parts of a greater whole.
Guidelines: Guidelines are fundamental to everything we design. From color, content, tone, voice, typography and more, we provide the structure and guidance for all creative decision-making.
Experimental: Carbon is always getting better. This happens through feature and usability upgrades to our elements and components. We create these experimental projects to get them into the hands of teams who will use them. Expect these components, patterns, and tools to change over time.
Visualization: Carbon charts help you tell accurate and convincing stories around data with beautiful and accessible visualizations.
Patterns: In Carbon, patterns comprise common user flows and scenarios which are too complex or too universal to be encapsulated in a single component. Individual patterns often include two or more components from the system or apply to multiple components independently.
Click here to dive even deeper
Adobe XD can help you design on a larger scale
Adobe XD is the user experience design platform where teams create some of the world’s best experiences at scale. Design teams can use Adobe XD to create user experience designs for websites, mobile apps, desktop apps, voice interfaces, games, and more. XD is an all-in-one design platform - available across multiple platforms – combining design, prototyping, sharing, and developer hand-off.
Adobe XD is a UX design solution natively integrated in Adobe’s Creative Cloud. Clients can unlock powerful creative workflows that extend across creative disciplines with deep integrations with other Creative Cloud apps like Photoshop, Illustrator, and After Effects. With Creative Cloud libraries integration, marketing designers and product designers can more effectively share assets.
Visit Adobe XD to learn about features.
Design is foundational to a differentiated experience, and design systems that operationalize
design and build on that differentiated experience are critical to long-term business success.
What makes this partnership between IBM’s iX and Adobe so interesting and exciting is that it
marries two of the top firms in the experience space in an open-source accelerator model that
has the power to shift the nature and direction of the experience market.
—Alan Weber, Program Vice President,
Customer Experience, IDC