awesome-designops
github.com/jondot/awesome-designops ↗Awesome DesignOps is an awesome style list that curates the best design ops news, tools, tutorials, articles and more.
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me design resources from awesome-designops"
Installation instructions →What's inside
Design Systems
- Antd
AFX (Alibaba) (
- AntdMITReact
SketchGuideline
- Atlaskit
Atlassian (
- AtlaskitATLReact
SketchGuidelineBlog
- Backpack
Skyscanner (
- BackpackApache 2.0React
SketchGuideline
Sketch
- Automate SketchDesign
a Sketch multitool.
- Better ShadowsDesign
generate shadows with non-linear decay.
- CactusHandoff
version control for Sketch. Free for public repo, and open source.
- Chromatic SketchDesign
generate perceptually uniform gradients and color scales.
- Cloudstitch addonContent
use Cloudstitch for the data.
- Content GeneratorContent
another popular content generator.
Accessibility
- Bulb Design Tools
list of automated tools for testing for accessibility
- Stark
Sketch plugin to validate accessibility in design time
Colors
React
- Color Pickers
- Rebass
a modern and general purpose UI component library
Design System Tools
- Compositor KitComponents
a new way to develop, document and test React component libraries.
- Docgen addonComponents
generates documenation for Storybook using React docgen.
- React docgenComponents
extract documentation from React components.
- React StyleguidistComponents
made for style guides and design systems from the start, works like magic. You can use React component in regular Markdown files to showcase components.
- Readme addonComponents
render README files in storybook.
- Rebass gridComponents
responsive grid built with styled-system.
Reading
- Design systems in Atomic Design
Brad Frost's book on atomic design and design systems.
- Sketching in the browser
a great writeup about the code-to-sketch movement
- Sketch Libraries
Showing a sample of 97 resources. View the full list on GitHub →