You must be logged in to view the contents of this board.


  1. Introducing design systems - DesignBetter.Co
  2. Adobe Illustrator tutorial: Create a brand new style of vector portrait - Digital Arts
  3. A Step-by-step Guide to Designing Custom Illustrations Without Any Drawing Skills
  4. Discover the world's best design practices—DesignBetter.Co

    A work by Invision

  5. Animating in Principle: A Crash Course

    Free video course about prototyping in Principle

  6. Motion Design by Jorge R. Canedo

    Use After Effect to create motion graphic. not a free course but the designer is awesome

Finished Articles of Design


Newest first.

  1. A framework for creating a predictable & harmonious spacing system for faster design-de...
  2. Apple’s Icons Have That Shape for a Very Good Reason
  3. How Designers Should Think About SVG – Design + Sketch – Medium

    SVGs are living things. Bitmaps are photos of things.

  4. Material Design and the Mystery Meat Navigation Problem

    TL;DR: ambiguous icons & design principles.

  5. Preparing and Exporting SVG Icons in Sketch – Design + Sketch – Medium
  6. The 7-Minute Guide to Flat Design 2.0

    "Flat design is so connected to design theory that it will continue to grow and evolve."

Sketchapp Skills


Build Design System

  1. Atlassian Design
  2. Lightning Design System
  3. Welcome | Photon Design System
  4. Website Style Guide Resources
  5. Building a Visual Language : Airbnb Design
  6. How to construct a design system

Nested Symbols Technique

  1. Sketch symbols best practices (now that nested overrides are a thing) – Medium

    Really useful cheatsheet for Resizing behaviors.

  2. A Better Way to Make Buttons in Sketch – UX Power Tools – Medium

    setting up buttons by nested symbol.

  3. This is, without a doubt, the coolest Sketch technique you’ll see all day. – UX Power T...

    use nested symbol to create complicated UI components.

Design Resources



  1. Pandacolors
  2. Grabient
  3. Color Hunt
  4. Colors - Canva's Design Wiki
  5. ambiance. - Color Palettes You Will Love To Stare
  6. Bugsnag Blog - Advanced Sass color utilities with chromatic-sass


  1. Feather – Simply beautiful open source icons
  2. Simple Icons

    SVG icons for popular brands, already in IconJar

  3. Iconbros
  4. Orion Icon Library
  5. DEVICON | All programming languages and development tools related icons font
  6. Free icons by first-class designers - IconStore


  1. Novapattern – curates well-designed patterns


  1. Photorealism Explained - YouTube

    Modeling, Material, Lighting & Post Processing

Studios & Portfolios


For personal website references.

  1. Creative Portfolios - Made by the greatest designers & developers.
  2. Best Web Agencies Websites

    Good reference for portfolio design!

  3. Super Crowds inc.
  4. Portfolio of Edwin de Jongh

    Cool portfolio

  5. Tobias Ahlin
  6. Wipawe Sirikolkarn

    One of my favorite programming artist!

Interface Design References


Including web design, app design, user experience, etc.

UX best practices in UI


Best practices for UI components, such as data table, login/register, modal, etc.

  1. How to Write a Perfect Error Message – UX Planet
  2. Dropdown alternatives for better (mobile) forms – Zoltan Kollin – Medium
  3. Why ‘Sign Up’ and ‘Sign In’ Button Labels Confuse Users - UX Movement
  4. Why the Confirm Password Field Must Die - UX Movement
  5. 5 UX Tips for Designing More Usable Registration Forms - Designmodo

Moved to Airtable


These bookmarks are moved to Airtable. Keep them here until I reviewd all bookmarks

  1. Fresh Background Gradients |
  2. coolHue - Coolest Gradient Hues and Swatches by UVdesk
  3. uiGradients - Beautiful colored gradients
  4. Colors — Beautiful and data driven color palettes
  5. Design better data tables –
  6. Made You Look | Poster Collection 2017 on Behance

    Amazing colors combination by StudioJQ

0 Comment
Comments or thoughts?
Email a link to this board
Share this board on Facebook
Share this board on Twitter
Notice label will go here