Course Material
Design Tools
Figma
Webflow
Typography
Photos
Icons & Illustrations
Inspiration
Color
Productivity
Further Learning
Made by Vako Shvili
Hey there 👋 I’ve put this collection of resources for you as part of the course. You will find here all the course material, assignment files, solution files, notes, websites and tools that we use in the course.
If you find broken links or phased out applications, please let me know.
Pre-made Figma assets like wireframe kits, icons and component libraries.
Third-party plugins that plug right into Figma to speed-up your workflow.
Free and paid Figma mockups, templates, UI kits and other assets.
Content Reel helps you easily pull text strings, avatars and icons into your designs.
These resources are made for Sketch app but they can be easily imported into Figma.
These resources are made for Sketch app but they can be easily imported into Figma.
A selection of lots of different Webflow plugins, tools, add ons, custom code solutions, and such.
.png)
Advanced code solutions added directly inside of Webflow. 100% Free.
Join it! It's going to be your go-to place for all the Webflow doubts and questions. Very helpful community. ❤️
If you want more Webflow practice outside of the course, take a look at videos from Webflow. They're really good.
My quick guide on Webflow plans, accounts and how to handover a Website to a Client
11 simple pro-tips to speed up your design process in the Webflow Designer.
.svg)
Cloneable Webflow assets, templates, guides and videos.
Great free fonts from Google. Figma has all of them preloaded.
Formerly Typekit. Great fonts that come as part of Adobe's Creative Cloud subscription.
Here you can buy most of the paid fonts out there.
A nifty browser extension to identify fonts in use on any website.
Inspirational font combinations free to use in your own designs.
Free photos that don't look like stock.
Free photos. Very similar to Unsplash.
Photos are free for personal use, but require attribution or purchase if published online.
In the paid stock area, one of the best quality photos. A bit on a pricey side.
More affordable paid stock photography. Not a bad quality.
Somewhere in between iStock and Bigstock.
This is a free site by Shopify. And photos are pretty good usually. Smaller selection though.
Easily removes the background from an image when you need to isolate a model or an object.
Online image compressor to shrink the size of your images before uploading them to Webflow.
An extension that scans all images on the page and lets you download them.
One of the largest databases of sort of free icons. Requires attribution on a free plan.
These icons are open source and completely free for any type of use.
The icons here are free for commercial use and don't require attribution.
A tool to collect, customize and organize icons. Offers a library of paid icons.
Search, download or copy 30,000 vector icons with the included App.
A friendly and versatile icon family with thousands of icons in four distinct styles.
Free vector illustrations
to class up your project.
It's like Flaticon but for illustrations.
Unique illustrations for a website & applications.
Illustrations in the same style to easily fit the project. Download the SVG file and customize it in Figma.
Mix-&-match illustrations of people with a design library.
.svg)
A large source of illustrations and other graphic assets.
Instagram but instead of food it's design work. 😛 The best place to follow designers and discover latest trends.
Similar to Dribbble.
Live website inspiration. Unlike Dribbble here you can explore finished websites, not just mockups or concepts.
Same as Lapa Ninja.
Needs no explanation. Inspiration for anything, including design work.
Inspirational font combinations free to use in your own designs.
Not really related to web design, but I have a love affair with Notion at the moment so here it is. This baby is Google Docs + Evernote + Trello + some magic dust.
My rating: ❤️❤️❤️
Free time tracking desktop app. It's the one I've been using for years.
My rating: 🤘
All-in-one freelancing solution. Invoicing, proposals, contracts, time tracking, payments and more.
Some extra guides that I wrote about topics like GDPR, Webflow accounts, etc.
NN Group is the most reputable UX research organization. Here you can find all the latest UX guidelines.
Discover the people, ideas, and wisdom behind designing and building great products.
"A common sense approach to web and mobile usability".
Excellent book to understand usability and improve UX of your websites.
A classic and a must-read for anyone interested in user experience design. Will help you understand psychology of design and how humans interact with products.
