Here are some links that relate to our UI Design Bootcamp and other design classes.
Collections of Free Resources
- thestocks.im A list of various resources (photos, icons, fonts, etc.).
- Stock photos that don’t suck A list of places to find the best free stock photos.
- Meet the Ipsums Need placeholder text? Get lorem ipsum, coffee ipsum, corporate ipsum, and so many more!
Free Photos
- unsplash.com
- pexels.com
- pixabay.com (photos, vectors, & illustrations)
- stock.adobe.com/free
- FreeJPG
- kaboompics.com (free photos & color palettes)
Free Vector Icons & Graphics
- icons.getbootstrap.com
- feathericons.com
- Generate unique SVG design assets/backgrounds (Click Start designing for free to enter the web app.)
- shapedivider.app (Create custom shape dividers/backgrounds to visually divide sections of a webpage or app.)
- iconic.app
- phosphoricons.com
- svgrepo.com
- fonts.google.com/icons
- ionicons.com
- tablericons.com
- Barista & Coffee Lovers Icon Set (50 free icons)
- Subtle Patterns
Free Fonts
- Google Fonts (Figma automatically has these, but to use in other design apps, check out the free FontBase app.)
- Adobe Fonts (included with any Creative Cloud membership)
- Font Squirrel (double-check individual font license before using)
- The League of Moveable Type
Get Fonts, Graphics, & More
Font Inspiration
- fontpair.co for font pairings and colors
- Brandmark’s Font Generator Generates font pairings from Google fonts.
- Google Web Font inspiration
- Aesop’s Fables paired with Google Fonts
Color & Contrast
- color.adobe.com Adobe Color is free for anyone to use, not only Creative Cloud members. While it does not integrate with non-Adobe apps such as Figma or Sketch, you can copy/paste the hex code, or use Sketch’s Eyedropper to pick up a color.
- paletton.com This is another free site to generate color harmonies.
- Creating color palettes in Photoshop using adjustment layers
- thedayscolor.com color inspiration
Design & Inspiration
- designspiration.com Search for various types of design inspiration. Click on a color (or search for them) to see more projects that use that color.
- RefactoringUI contains a great set of design tips that used to be in X (Twitter)
- Ira Glass “The Gap” between Taste & Talent
- Vintage logos from the mid-70’s
- Logos by George Bokhua
- Optical Adjustment An article on how humans perceive shape, color, and size.
Product & Physical Device Mockup Generators
- Meta (Facebook) Design Resources including mockups of popular devices
- free-mockup.com
- MockUPhone
- psdcovers.com
Design Systems
Figma Resources
- See our Figma Links Page for more useful resources (such as UI Kits & plugins).
Miscellaneous Goodies
- SketchSheets Ready to print device templates for UI & UX Designers. Phone, tablet, and desktop templates for paper sketching/prototyping.