Here are some links that relate to our UI Design Bootcamp.
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)
- skuawk.com (use the menu to choose a category)
- librestock.com
- Some Free Creative Common Photography
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
- atlasicons.vectopus.com
- iconfinder.com (Some are free, but not all. Filter by Free, with a license type of No link back)
- ionicons.com
- tablericons.com
- iconsvg.xyz
- Barista & Coffee Lovers Icon Set (50 free icons)
- Subtle Patterns
- Animated Icons (include code for the web developer)
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
Font Inspiration
- Brandmark’s Font Generator: Generates font pairings from Google fonts
- Google Web Font inspiration in HTML & CSS
- 100daysoffonts.com
- Aesop’s Fables paried with Google Fonts
- 10 Google Font Combinations
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 is another free site to generate color harmonies.
- Creating color palettes in Photoshop using adjustment layers
- thedayscolor.com Color Inspiration
Design Tips & Inspiration
- RefactoringUI has some great series of Design Tips
- Ira Glass “The Gap” between Taste & Talent
- Vintage logos from a mid-70’s
- Logos, by George Bokhua
Design & Typography
- Optical Adjustment Article on how humans perceive shape, color, and size.
- Type Connection A typographic dating (pairing) game
Product & Physical Device Mockup Generators
- Meta (Facebook) Design Resources: Devices, Device Hands, iOS GUI, and more
- 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.