A collection of design engineering resources.
A design system is a collection of documentation on principles and best practices, that helps guide a team to build digital products. They are often embodied in UI libraries and pattern libraries, but can extend to include guides on other areas such as 'Voice and Tone'.
- Ant.Design
- Atlassian
- WeWork
- IBM Carbon
- IBM Design Language
- IBM Northstar
- Trello
- Shopify Polaris
- Lightning Design System
- Google Material Design
- Ubuntu
- Rizzo (Lonely Planet)
- iOS Human Interface Guidelines
- Microsoft Design
- Clarity Design System
- The Harmony Design System
- BBC Gel
- Mailchimp
- LonelyPlanet
- Audi
Professional plugins, extensions and scripts to improve your design workflow.
- Plugin Directory
- Plugin Cookbook
- Align To
- Sketch Align
- Adjust Button Shape
- Paddy
- Bound Box
- Looper
- Craft
- Confetti
- MagicMirror
- Map Generator
- Comp Sketch
- Slinky
- Fluid
- Anima
- CSSSketch
- Lorem-Ipsum
Professional applictions to improve your design workflow.
ReactJS development Tools & Tutorials.
- React Official Site
- React GitHub
- React Community GitHub
- React FAQ
- Reactiflux
- React Discussion Forum
- React StackOverflow
- React Twitter
- React Core meeting notes
- Made with React Collection of websites and applications using ReactJS
- The React newsletter
- React Iran Telegram Group
- CodeSandbox
- Online VS Code IDE for React
- React JSFiddle Integration with JSX
- React JSFiddle Integration without JSX
- Babel REPL
- React HTML to JSX Online Compiler
- React Tutorial
- React.js Fundamentals (paid)
- React Primer
- ReactJS: Keep Simple. Everything can be a component!
- React js tutorial
- React.js Koans: Practical exercises that will help you learn React.js from square one
- LearnCode React Tutorials
- Thinkster React topics
- React tutorial Cloning Yelp
- React.js in patterns
- DIY guide to build your own React
- React cheatsheet
- Codecademy Learn ReactJS Course
- Getting Started with React
- React Express Beginners Guide to React Application Development
- GraphCMS Beginners Guide with React
https://github.com/airbnb/react-sketchapp https://airbnb.design/painting-with-code https://discuss.reactjs.org/t/introducing-sketch-react-turn-sketch-file-into-react-code/7274 https://www.npmjs.com/package/react-sketchapp https://github.com/airbnb/react-sketchapp https://hackernoon.com/transform-your-sketch-based-design-system-into-real-code-using-react-studio-35b89e67ce79 https://medium.com/resoluut/sketch-to-android-xml-a-designers-journey-b7ca2322a933 https://www.sketchapp.com/docs/prototyping/ https://blog.zeplin.io/flows-in-zeplin-round-one-c56550f23f0f https://atomic.io/sketch https://marvelapp.com/sketch/ https://launchpad.animaapp.com/
Add CommentCollap
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.