<aside> 💡 Ten narzędziownik tworzymy wspólnie na podstawie kursu DigitalDesigner.pl i naszych dyskusji na społeczności związanej z kursem :) Dbamy o niego razem, żeby służył nam jako repozytorium inspiracji z kursu i sesji Q&A.

</aside>

Strony i materiały wspomniane przez Tomka w kursie

Jeśli o czymś zapomniałyśmy, to śmiało dodaj!

🗂️ Moduł / Rozdział / Lekcja 🔗 Link 🗒️ Opis
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/

https://mimo.org/https://teamtreehouse.com/ | Edytory kodu

Nauka kodu | | | 1.2 | https://chromewebstore.google.com/detail/outliner-css/epodomlablfiehjgajhlhbdhidlkokaj | Wtyczka Outliner CSS | | | 1.3 | https://www.siteinspire.com/ | Analizowana strona | | | 1.3 | https://1906.shop/ | Analizowana strona | | | 1.3 | https://oem.care/ | Analizowana strona | | | 1.3 | https://rialto.app/ | Analizowana strona | | | 1.6 | https://flexboxfroggy.com/#pl | Flexbox tutorial | | | 1.6 | http://www.arket.com/ | Analizowana strona | | | Rozdział 3 | | | | | 3.1 | https://www.checklist.design/ | Checklist Design | | | 3.4 | https://www.figma.com/community/plugin/1146185659935567786/open-iconic-icon-set-by-iconduck | Plugin Open Iconic Icon Set (Figma Community) | | | Rozdział 4 | | | | | 4.1 | https://react.ui.audi/?path=/story/introduction--page https://carbondesignsystem.com/ https://ux.mailchimp.com/patterns/color https://atlassian.design/ | Design systemy | | | 4.2 | https://storybook.js.org/showcase/eu-europa-component-library | Europa Component Library | | | 4.3 | https://www.figma.com/community/file/1151946517721468993/5-icon-set-collections-with-1000-icons | Icon Set Collections (Figma community) | | | 4.7 | https://spotify.design/article/refreshing-our-icon-system-the-why-and-how-behind-the-changes | Spotify Icon System | | | 4.7 | https://help.figma.com/hc/en-us/articles/360055471353-Prepare-for-variants#name | Tworzenie wariantów komponentów (Figma Learn) | | | 4.14 | https://www.youtube.com/watch?v=y29Xwt9dET0&ab_channel=Figma | Figma tutorial: Variants | | | Rozdział 6 | | | | | 6.5 | https://www.pexels.com/ | Strona z darmowymi video i zdjęciami. | | | 6.6 | https://www.figma.com/community/file/866532393298219995/figma-animation-examples | Przykłady animacji - prototypowanie (Figma Community) | | | Rozdział 8 | | | | | 8.1 | https://commerce-ui.com/ | commerce-ui — studio deweloperskie | | | MODUŁ 5️⃣ | | | | | Rozdział 1 | | | | | 1.2 - 1.5 | https://forms.gle/PuHwsEtUwjv3pdry6 | Ankieta | | | 1.5 | https://juulfrost.dk/en https://embece.com.au/ https://www.rodeo-arkitekter.no/ https://linkarkitektur.com/en | Strony biur architektonicznych | | | 1.6 - 1.8 | https://paper.dropbox.com/doc/Hejke-Architekci-Oferta--Bg8RnyCs~~s89_PBGlPw740ZAQ-CGi9UqWf7hsHaL1P6I8yq | Oferta | | | Rozdział 3 | | | |