Resources

curated by the community

  1. 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
  2. http://basetemplates.com/figma-pitch-deck-template
    10-23-2020

    Free Figma pitch deck template.

    @ann
  3. 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
  4. 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
  5. 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
  6. 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
  7. https://sizzy.co
    09-23-2019

    see websites in multiple breakpoints at once

    @taurean
  8. https://polypane.rocks/blog/the-perfect-responsive-menu-2019/
    09-23-2019

    A quick tutorial on how to build the `perfect` hamburger menu

    @emehrkay
  9. https://figmac.com/
    09-09-2019

    Figmac is a super lightweight Figma desktop app that delivers a more natural Mac experience.

    @taurean
  10. 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
  11. 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
  12. https://imgur.com/gallery/6w6geA1
    09-05-2019

    Images that help explain the basics of color theory

    @emehrkay
  13. 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
  14. 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
  15. 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
  16. https://www.youtube.com/watch?v=iP8fmeksOIM
    07-03-2019

    @ann
  17. https://alistapart.com/article/trans-inclusive-design/
    07-03-2019

    @ann
  18. 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
  19. 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
  20. 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
load more

About

Projects

Contact

Follow