WPROWADZENIE 0️⃣ |
|
|
|
0.4 |
http://usethekeyboard.com/figma/ |
Skróty klawiszowe w Figmie |
|
0.5 |
https://help.figma.com/hc/en-us |
Oficjalne kompendium wiedzy o Figmie |
|
MODUŁ 1️⃣ |
|
|
|
Rozdział 1 |
|
|
|
1.1 |
https://www.figma.com/downloads/ |
Pobieranie aplikacji Figma |
|
1.3 |
https://www.figma.com/pricing/ |
Płatne plany Figmy |
|
1.9 |
https://www.figma.com/community |
Figma Community |
|
MODUŁ 2️⃣ |
|
|
|
Rozdział 5 |
|
|
|
5.6 |
https://www.youtube.com/watch?v=y29Xwt9dET0&ab_channel=Figma |
Figma tutorial: Variants |
|
5.6 |
https://www.youtube.com/watch?v=iIq8FLt1hUY&ab_channel=Figma |
Figma tutorial: Component properties |
|
Rozdział 6 |
|
|
|
6.11 |
https://www.youtube.com/watch?v=1ONxxlJnvdM&ab_channel=Figma |
Figma tutorial: Intro to variables |
|
Rozdział 8 |
|
|
|
8.2 |
https://www.figma.com/community/plugin/767379414704079825/sort-layers |
Plugin Sort Layers (Figma Community) |
|
8.2 |
https://www.figma.com/community/plugin/1068595505353552645/beautiful-shadows |
Plugin Beautiful Shadows (Figma Community) |
|
8.2 |
https://www.figma.com/community/plugin/751007211632768205/arrow-auto |
Plugin Arrow Auto (Figma Community) |
|
8.2 |
https://www.figma.com/community/plugin/739131137116544548/TextCutter |
Plugin TextCutter (Figma Community) |
|
8.3 |
https://www.figma.com/community/widget/1029130788194861040 |
Widget Rock Paper Scissors |
|
8.3 |
https://www.figma.com/community/widget/1153888616147349345 |
Widget Price is Crypto |
|
8.3 |
https://www.figma.com/community/widget/1151240412068749314 |
Widget Checklist |
|
8.3 |
https://www.figma.com/community/widget/1030845409121640454 |
Widget Poll |
|
Rozdział 10 |
|
|
|
10.1 |
https://www.luzi-type.ch/trials |
Luzi Type Foundry |
|
10.1 |
https://fonts.google.com/specimen/Karla |
Karla font |
|
10.1 |
https://fonts.google.com/specimen/IBM+Plex+Sans |
IBM Plex Sans font |
|
MODUŁ 3️⃣ |
|
|
|
Rozdział 1 |
|
|
|
1.1 |
https://builtformars.com/ |
Strona z artykułami o UX |
|
1.1 |
https://medium.com/tag/ux |
Strona z artykułami o UX |
|
1.2 |
https://www.damianrams.pl/heurystyki-nielsena/ |
10 heurystyk Nielsena |
|
1.3 |
https://www.checklist.design/ |
Checklist Design |
|
1.5 |
https://www.hotjar.com/ |
Hotjar — program generujący “heatmapy” |
|
Rozdział 2 |
|
|
|
2.1 |
https://cowboy.com/ |
Analizowana strona |
|
2.1 |
https://www.digitaldesigner.pl/ |
Analizowana strona |
|
2.3 |
https://chrome.google.com/webstore/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl |
Wtyczka do Google Chrome tworząca zrzut ekranu całej strony internetowej |
|
2.6 |
https://zoox.com/ |
Prezentowana strona |
|
2.6 |
http://misbhv.com/ |
Prezentowana strona |
|
2.6 |
https://dvtk.us/https://manayerbamate.com/ |
Prezentowana strona |
|
2.6 |
https://nour-hammour.com/pl-en/https://dvtk.us/ |
Prezentowana strona |
|
2.6 |
https://manayerbamate.com/https://showandtellpresents.com/ |
Prezentowana strona |
|
2.7 |
https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj |
Wtyczka do Google Chrome pozwalająca pobierać zdjęcia użyte na stronie internetowej |
|
2.8 |
https://helion.pl/ksiazki/nie-kaz-mi-myslec-o-zyciowym-podejsciu-do-funkcjonalnosci-stron-internetowych-wydanie-iii-steve-krug,niek3v.htm#format/d |
Książka Steve Kruga “Nie każ mi myśleć” |
|
Rozdział 3 |
|
|
|
3.1 |
- |
Książka: Inspiration and Process in Design - Herbert Bayer |
|
3.2 |
https://vibrationproduction.com/ |
Analizowana strona |
|
3.2 |
https://waaitt.dk/https://owlfurnitureandobjects.com/ |
Analizowana strona |
|
3.2 |
https://vibrationproduction.com/https://wearaware.co/ |
Analizowana strona |
|
3.2 |
https://wearaware.co/https://www.weareoutline.com/ |
Analizowana strona |
|
3.2 |
https://www.weareoutline.com/https://waaitt.dk/ |
Analizowana strona |
|
Rozdział 4 |
|
|
|
4.5 |
https://chrome.google.com/webstore/detail/outliner-css/epodomlablfiehjgajhlhbdhidlkokaj |
Wtyczka wyświetlająca obrysy boxów na danej stronie |
|
4.5 |
https://www.figma.com/@anima |
Gotowe szablony (Figma Community) |
|
Rozdział 5 |
|
|
|
5.1 |
https://fonts.google.com/ |
Google fonts |
|
5.1 |
https://fonts.adobe.com/ |
Adobe fonts |
|
5.1 |
https://luzi-type.ch/spezia |
Wytwórnia fontów Luzi Type Foundry |
|
5.2 |
https://pangrampangram.com/ |
Wytwórnia fontów Pangram Pangram |
|
5.2 |
https://abcdinamo.com/ |
Wytwórnia fontów Dinamo |
|
5.2 |
https://www.schick-toikka.com/ |
Wytwórnia fontów Schick Toikka |
|
5.2 |
https://optimo.ch/ |
Wytwórnia fontów Optimo |
|
5.2 |
https://tightype.com/ |
Wytwórnia fontów Tightype |
|
5.2 |
https://www.milieugrotesque.com/ |
Wytwórnia fontów Milieu Grotesque |
|
5.2 |
https://klim.co.nz/ |
Wytwórnia fontów Klim Type Foundry |
|
5.2 |
https://www.typewolf.com/ |
Selekcja stron z dobrą typografią |
|
5.2 |
https://www.weltkern.com/typeface |
Wytwórnia fontów Weltkern |
|
5.2 |
- |
Książka: Człowiek i jego znaki - Adrian Frutiger |
|
5.2 |
- |
Książka: Typografia książki. Podręcznik projektanta - Michael Mitchell, Susan Wightman |
|
5.2 |
- |
Książka: Triumf typografii. Kultura, komunikacja, nowe media - Ewan Lentjes , Henk Hoeks |
|
5.2 |
- |
Książka: Esej o typografii - Eric Gill |
|
5.2 |
- |
Książka: Detal w typografii - Jost Hochuli |
|
5.7 |
https://www.siteinspire.com/websites?categories=24 |
Selekcja stron, na których typografia gra rolę głównego elementu |
|
5.5 |
https://www.figma.com/community/plugin/820660579767995949 |
Plugin Styler (Figma Community) |
|
5.9 |
https://www.figma.com/community/plugin/734693888346260052 |
Plugin Able (Figma Community) |
|
Rozdział 6 |
|
|
|
6.1 |
https://www.figma.com/community/plugin/929607085343688745/color-shades |
Plugin Color Shades (Figma Community) |
|
6.1 |
https://www.empik.com/interaction-of-color-albers-josef,p1065785668,ksiazka-p |
Książka: Josef Albers “Interaction of Color” |
|
6.1 |
https://www.amazon.pl/A-Dictionary-of-Color-Combinations/dp/4861522471 |
Książka: “A Dictionary of Color Combinations” |
|
6.2 |
https://www.spencerlowell.com/https://hay.dk/pl |
Analizowana strona |
|
6.3 |
https://www.instagram.com/salomonsportstyle/ |
Analizowana strona |
|
6.3 |
https://www.instagram.com/studiokleiner/ |
Analizowana strona |
|
6.4 |
https://cwb.fr/ |
Analizowana strona |
|
6.4 |
http://nike.com/ |
Analizowana strona |
|
6.4 |
https://cwb.fr/https://solace-store.com/ |
Analizowana strona |
|
6.4 |
https://solace-store.com/https://newapproach.org.au/ |
Analizowana strona |
|
6.5 |
https://www.figma.com/community/plugin/733343906244951586/color-blind |
Plugin Color Blind (Figma Community) |
|
Rozdział 7 |
|
|
|
7.1 |
https://chromewebstore.google.com/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh |
Wtyczka Windows Resizer |
|
7.1 |
https://www.readcereal.com/ |
Analizowana strona |
|
7.1 |
https://www.weareoutline.com/http://xn--https-wt3b//8represent.com/talents |
Analizowana strona |
|
7.1 |
https://www.readcereal.com/https://harryjatkins.com/ |
Inspiracja |
|
7.1 |
https://harryjatkins.com/https://www.weareoutline.com/ |
Inspiracja |
|
MODUŁ 4️⃣ |
|
|
|
Rozdział 1 |
|
|
|
1.1 |
https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=pl&pli=1 |
Wtyczka Web Developer |
|
1.1 |
https://atom.io/https://brackets.io/https://code.visualstudio.com/ |
|
|