GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → carbon-design-system → Carbon Design Kit

carbon-design-system / Carbon Design Kit

Licence: apache-2.0
A versioned, comprehensive kit of the Carbon Design System visual assets (components, iconography, color palettes, grids, templates).

Labels

designsketch

Projects that are alternatives of or similar to Carbon Design Kit

Awesome Design
🌟 Curated design resources from all over the world.
Stars: ✭ 13,333 (+1253.6%)
Mutual labels:  design, sketch
sketch-git-hooks
Easy trick how to enjoy Git versioning for Sketch files thanks to Git Hooks
Stars: ✭ 12 (-98.78%)
Mutual labels:  design, sketch
Miaow
A set of plugins for Sketch include drawing links & marks, UI Kit & Color sync, font & text replacing.
Stars: ✭ 2,536 (+157.46%)
Mutual labels:  design, sketch
Sketch Better Android Export
Stars: ✭ 61 (-93.81%)
Mutual labels:  design, sketch
Sketch Ios Library
💎 A library of iOS styles replicated in Sketch to speed up your workflow.
Stars: ✭ 264 (-73.2%)
Mutual labels:  design, sketch
Symbol Spacer Sketch Plugin
automatically trigger Sketch’s “reset to original size” function when deselecting symbol
Stars: ✭ 86 (-91.27%)
Mutual labels:  design, sketch
Weui Design
Design package for WeUI
Stars: ✭ 2,758 (+180%)
Mutual labels:  design, sketch
Sketchsheets
Free ready to print sketch sheet templates for UX designers
Stars: ✭ 241 (-75.53%)
Mutual labels:  design, sketch
Make-This
Project files for the Make This video series and community challenges.
Stars: ✭ 16 (-98.38%)
Mutual labels:  design, sketch
storybook-addons-abstract
Storybook addon for linking Abstract layer and collection shares to stories. Example:
Stars: ✭ 63 (-93.6%)
Mutual labels:  design, sketch
Prism
Creates a beautiful artboard color palette with all your 'Document Colors' and their respective color label in a variety of formats.
Stars: ✭ 1,027 (+4.26%)
Mutual labels:  design, sketch
Html Sketchapp Cli
Quickly generate Sketch libraries from HTML documents and living style guides, powered by html-sketchapp
Stars: ✭ 631 (-35.94%)
Mutual labels:  design, sketch
Sketch Copy Paste Shadows
Copy & paste only shadow styles from layers without others styles getting in the way.
Stars: ✭ 38 (-96.14%)
Mutual labels:  design, sketch
Data Populator
A plugin for Sketch and Adobe XD to populate your design mockups with meaningful data. Goodbye Lorem Ipsum. Hello JSON.
Stars: ✭ 1,665 (+69.04%)
Mutual labels:  design, sketch
safari
Safari Dark/Light theme for Sketch
Stars: ✭ 28 (-97.16%)
Mutual labels:  design, sketch
Macos Ui Kit
💎 The most detailed and accurate macOS UI Kit for Sketch. This Sketch Library includes common Mac interface elements, cursors, and a Touch Bar UI Kit.
Stars: ✭ 551 (-44.06%)
Mutual labels:  design, sketch
Sketch Web Viewer
View and inspect Sketch 43 files in browser
Stars: ✭ 853 (-13.4%)
Mutual labels:  design, sketch
Adonis Ui
Lightweight UI toolkit for WPF applications offering classic but enhanced windows visuals
Stars: ✭ 878 (-10.86%)
Mutual labels:  design
Sketch Text Style Master
Sketch plugin providing utilities for working with shared text styles
Stars: ✭ 32 (-96.75%)
Mutual labels:  sketch
Awesome React Framer X
A collection of awesome links to learn React, ES6 & Framer X
Stars: ✭ 880 (-10.66%)
Mutual labels:  design
View All Similar Projects ➔

Carbon Design Kit

The Carbon Design Kit is a living, breathing document that contains all of our visual assets (components, iconography, color palettes, grids, templates, responsive behavior, etc). This document evolves and changes as we collaborate with partners and service teams. All of the assets that live in the Design Kit can also be found on our Carbon Design System website.

📝 Change Log

Contains release notes on current and previous versions of the Carbon Design Kit.

🔍 Accessibility

All of the designs within the Carbon Design Kit meet the WCAG 2.0 AA accessibility guidelines and are compliant with Section 508 standards. If you choose to customize these designs, please make sure they continue to meet these requirements.

📚 Getting Started

Designers

  • The Carbon Design Kit now uses the new typeface IBM Plex. It is open sourced and free to download from the IBM GitHub repo

  • Download the latest version of the Carbon Design Kit by clicking on the latest kit file in this repo (Carbon_Design-Kit_x.x.x.sketch) then on the next page click the download button or “View Raw”. (Note: downloading from the main repo page will download the entire repo including previous version)

  • The Design Kit requires having the latest version of Sketch installed.

  • Open the Design Kit file in Sketch

  • Core visual styles, components, and templates are broken out into respective pages

  • Use the components and core visual styles to build out your design

  • Updates to the Design Kit will be posted in our change log, so check back frequently for changes!

Developers:

Our Carbon Components Getting Started guide has all the instructions you need to get up and running our code base.

For Carbon Data Visualizations please head over to this guide for instructions.

🌟 Contributing

Design

Follow the steps in our Contributing guidelines to contribute to the Carbon Design System.

Code

For instructions on contributing to our component library please read our contributing docs for Carbon Components.

💻 Workflow

Sketch Libraries

Sketch Libraries is a new Sketch feature that allows designers to share Symbols across documents and easily update to the latest symbol changes. Read the Sketch Libraries Overview wiki to learn more about how to use and implement Sketch Libraries in your workflow.

Plugins

The Carbon Design Kit now comes with the Sketch Palettes plugin which allows you to import Carbon specific palettes into your Sketch files. There are four Carbon palettes (a Carbon default palette and three data vis palettes) included with the Carbon Design Kit download. We also have a wiki of suggested Sketch plugins to help make your design workflow more efficient.

Copyright © 2016, 2017, 2018 IBM

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].