Resources
curated by the community
-
https://trello.com/b/PVKLYc1j/ux-resources
10-28-2020
A trello board of Product Design and resources that are available for use without creating an account. Some sites are free while others are paid.
@christastephens -
http://basetemplates.com/figma-pitch-deck-template
10-23-2020
Free Figma pitch deck template.
@ann -
https://www.awwwards.com/awwwards/collections/free-fonts/?utm_source=twitter&utm_medium=social&utm_term=collection_promo&utm_content=free-fonts/
09-29-2020
a nice collection of free fonts from awwwards. Each one has a preview of the font in use
@emehrkay -
https://geticonjar.com
09-02-2020
A mac app for managing different Icon libraries. It makes it easy to search for names, add tags, and quickly grab an icon in whatever format you need it. You can even just drag and drop into sketch and figma.
@taurean -
https://gumroad.com/l/primaries
09-02-2020
These are my go to icons for every project if I'm not drawing my own. The team behind them has done a ton of great work and they exclusively focus on iconography. (https://www.parakeet.co)
@taurean -
https://www.youtube.com/playlist?list=PLjEaoINr3zgEq0u2MzVgAaHEBt--xLB6U&feature=share
12-20-2019
Blender 2.8 Beginner Tutorial Series by Blender Guru The new Blender Donut tutorial, completely remade for Blender 2.8
@ann -
https://sizzy.co
09-23-2019
see websites in multiple breakpoints at once
@taurean -
https://polypane.rocks/blog/the-perfect-responsive-menu-2019/
09-23-2019
A quick tutorial on how to build the `perfect` hamburger menu
@emehrkay -
https://figmac.com/
09-09-2019
Figmac is a super lightweight Figma desktop app that delivers a more natural Mac experience.
@taurean -
https://tympanus.net/codrops/2019/09/03/how-to-dynamically-change-the-colors-of-product-images-using-css-blend-mode-and-svg/
09-09-2019
Learn a simple technique for adding a color swap functionality to your product images by creating an SVG and applying a mix-blend-mode to the composition.
@ann -
https://wattenberger.com/blog/d3
09-06-2019
This site links to many resources that will help you get a better understanding of how to utilize D3.js. There is a lot here
@emehrkay -
https://imgur.com/gallery/6w6geA1
09-05-2019
Images that help explain the basics of color theory
@emehrkay -
https://medium.com/design-with-figma/10-tips-on-using-components-in-figma-c7db9c5e7fe1
09-05-2019
Tips on how to use components in Figma
@emehrkay -
https://cruip.com/
07-08-2019
Beautifully designed HTML templates to help you easily create a landing page that looks professional, converts visitors, and grows your business.
@ann -
http://www.zondicons.com/icons.html
07-08-2019
A set of free premium SVG icons for you to use on your digital products
@ann -
https://www.youtube.com/watch?v=iP8fmeksOIM
07-03-2019
@ann -
https://alistapart.com/article/trans-inclusive-design/
07-03-2019
@ann -
https://www.designbetter.co/design-systems-handbook
07-03-2019
Design Systems Handbook: Learn how you can create your design system and help your team improve product quality while reducing design debt.
@jermaine -
https://uxplanet.org/how-to-create-a-sketch-style-guide-library-and-ui-kit-af032b4610af
07-03-2019
Whether a Sketch expert or new to Sketch, designers are finding it a valuable resource for their design toolbox that can save a lot of time. Though not every designer chooses to do so, creating style guides in Sketch can make it even more of a time-saver.
@ann -
https://checklist.design
07-03-2019
a comprehensive list of UI elements and states to ensure you have the baseline for a satisfying user experience
@jermaine