Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dimitrisraptis96/sketch-goodies

💎 Must-have Sketch resources
https://github.com/dimitrisraptis96/sketch-goodies

List: sketch-goodies

awesome-list list sketch sketch-app sketch-plugin

Last synced: 16 days ago
JSON representation

💎 Must-have Sketch resources

Awesome Lists containing this project

README 

        
# 💎 sketch-goodies

A curated collection of [Sketch](https://www.sketchapp.com/) resources.



Story 

-----

Recently, I move my User Interface design workflow from [Adobe XD](https://www.adobe.com/gr_en/products/xd.html) to [Sketch](https://www.sketchapp.com/) app. Thus, I want to share my hard-earned knowledge and some magical tools that helped me with this transition.





  


    

  





Table of Contents

-----------------



1. [Plugins](#plugins)

2. [Design Systems](#design-systems-ui-kits)

3. [Video Tutorials](#video-tutorials)

4. [Tips and Tricks](#tips-and-tricks)

5. [References](#references)



Resources

---------



### Plugins

Discover some handy Sketch plugins to improve your design workflow.



- [Abstract](https://www.goabstract.com/) - One place to version, manage, and collaborate on your Sketch files.

- [Anima Toolkit](https://animaapp.github.io/) - Design responsive screens in Sketch and export to HTML.

- [Animate](http://animatemate.com/) - Create your animations directly in Sketch using AnimateMate.

- [Batch Create Symbols](https://github.com/demersdesigns/sketch-batch-create-symbols) - A plugin for Sketch to convert selected layers to individual symbols.

- [Chart](https://github.com/pavelkuligin/chart) - Create the most popular types of charts by real or random data.

- [Content-Generator](https://github.com/timuric/Content-generator-sketch-plugin) - Sketch app plugin for generating dummy data such as avatars, names, photos, geo data etc.

- [Craft by Invision](https://www.invisionapp.com/craft) - A suite of free plugins to help you design better and faster from your design environment.

- [Dynamic Button](https://github.com/ddwht/sketch-dynamic-button) - Create buttons with fixed paddings no matter what text you add.

- [Looper](http://sureskumar.com/looper/) - Duplicate, Rotate and Scale the smart way.

- [Lorem Ipsum](https://github.com/whoisryosuke/sketch-lorem-ipsum-2017) - A Sketch plugin to generate "lorem ipsum" text.

- [Material Theme Editor](https://material.io/tools/theme-editor/) - Create and customize your Material theme.

- [Paddy](https://github.com/DWilliames/paddy-sketch-plugin) - Automated padding, spacing and alignment for your Sketch layers

- [Pixel Perfecter](https://github.com/swiadek/pixel-perfecter-sketch-plugin) - Pixel Perfecter helps you find pixel imperfect layers in your documents.

- [Prism](https://github.com/ment-mx/Prism) - Creates a beautiful artboard color palette with all your 'Document Colors' and their respective color label in a variety of formats.

- [React-sketcapp](http://airbnb.io/react-sketchapp/) - Render your React components to Sketch

- [Rename It](https://rodi01.github.io/RenameIt/) - Keep your Sketch files organized, batch rename layers and artboards.

- [Sketch Isometric Plugin ](https://github.com/sureskumar/sketch-isometric?ref=fordesignrs) - Generate Isometric and 3D Rotation views from Artboards and Rectangles in Sketch app.

- [Stark](https://www.getstark.co/) - The plugin to help you design and build products that are accessible, ethical, and inclusive.

- [Sketch Styles Generator](https://github.com/lucaorio/sketch-styles-generator) - Generate hundreds of Sketch Shared Styles in a matter of seconds.

- [Symbol Organizer](https://github.com/sonburn/symbol-organizer) - Organize your symbols page alphabetically (including layer list) and into groupings determined by your symbol names.

- [Unsplasher](https://github.com/perrysmotors/sketch-unsplasher) - A Sketch plugin for filling shapes and symbols with images from Unsplash.

- [Zeplin](https://zeplin.io/) - A collaboration tool, built for UI designers and frontend developers.



### Design Systems UI kits



- [Atomize](http://atomizedesign.com) - Atomize makes it super easy for designers create a unified design language and auto-updating Style guide for a product.

- [Cabana](https://cabanadesignsystem.com/) - Cabana is a Premium Design System for Sketch that helps you create amazing products faster than ever before.

- [Frames](https://framesforsketch.com/) - Design beautiful websites and apps easily, using top-notch components built with an extreme attention to details.

- [UI Design System](https://uidesignsystem.com/) - A starter kit for Sketch with responsive symbols, a style guide and flexible charts.

- [UX Power Tools](https://www.uxpower.tools/) - It helps thousands of designers across the globe work faster, stay consistent, and deliver value.



### Video Tutorials



- [Jesse Showalter](https://www.youtube.com/playlist?list=PLrtjkLnNjGHuH00MTdjQGlAt6Gcm5oFDP) - Tutorials on How to make things, How to use it, plugins and extras and more.

- [Joseph from LearnSketch.com](https://www.youtube.com/user/learnsketch) - A place for both new and developing Sketch users to improve their productivity and creativity with the tool. 

- [LevelUpTuts](https://www.youtube.com/user/LevelUpTuts/playlists?sort=dd&shelf_id=9&view=50) - Covers both basic and advanced Sketch app concepts and many other stuffs besides Sketch.

- [Maex](https://www.youtube.com/playlist?list=PLgwNtYvZGv9Q_rH5RVWYE20dcp4_MLhX_) - The Sketch tutorials feature workflows, plugins and inspiration for new user interfaces.

- [Matt D. Smith](https://www.youtube.com/playlist?list=PLRH-iQQ3liameZu6Do8mYJdm-zCLymXJ1) - Intersting tips and tricks.

- [Sketch app](https://www.youtube.com/channel/UC-1eTnnUmKJ8yEa1nCnAGpw) - This is the official channel of the app.

- [Sketch Together](https://www.youtube.com/playlist?list=PLWlUJU11tp4fEXI8deWhBQAHDv9R23WHB) - Fundamentals on Sketch plus some advanced stuff by [Pablo Stanley](https://www.pablostanley.com/).



### Tips and Tricks



- [8 critical shortcuts in Sketch](https://www.invisionapp.com/inside-design/8-critical-shortcuts-in-sketch/)

- [Bullet-proof row symbols in Sketch](https://medium.com/deliveroo-design/bullet-proof-rows-d185f7ad3a85?ref=fordesignrs)

- [Official Sketch app Documentation](https://www.sketch.com/docs/)



### References

- [11 Must-have Sketch Plugins to Improve your Design Workflow](https://medium.com/sketch-app-sources/11-must-have-sketch-plugins-to-improve-your-design-workflow-a4c752e3a036)

- [Best Sketch Video Tutorial Channels You Should Subscribe](https://medium.com/introcept-hub/best-sketch-video-tutorial-channels-you-should-subscribe-27e007243864)



 



License

-------

[MIT](https://en.wikipedia.org/wiki/MIT_License)





Made with 🤘 by @d__raptis