What's in today's release: Various generators, cool sources of inspiration, stylish icons, top products from Product Hunt for 2020, tools for exporting animations and GIFs, and much more.
Attention, dark pattern - we left the hottest resources at the end - so scroll with anticipation.
Let's go!
14. Vektors
Vektors – . ( ).
Vektors . PNG, SVG, Figma, Sketch.
70+ .
13. Pattern Generator
royalty-free .
Pattern Generator : , , . . «Shuffle» — «Random», .
JPEG PNG, inline SVG CSS.
12. Gumaffiliates
Gumaffiliates – , Gumroad.
, affiliate- , .
(Gumaffiliates $1):
1) ;
2) Affiliate- , .
: ( affiliate – ), , , .
11. Parametric Color Mixer
, , : , , , .
, .
– SVG CSS.
10. Game UI Database
, . : - HUD . . 13 000 355 . 80 .
. : , , , , , HUD.
, , , / ..
9. GIFRun
GIFRun GIF- , YouTube, Facebook, TikTok, Vimeo, Twitter , .
, , ( ) GIF- .
8. Doodle Strudel
– Doodle Strudel. – , .
, : “ , ”. ?
7. Scale
Scale – , , - .
, , – HEX-.
SVG PNG .
, 120 .
- .
6. UX Database
UX-, .
: , , , .
: , , , , (AR / VR, - . .), , , .
, : , Freemium.
5. Pattern Collect
Pattern Collect – Dribbble , .
, , , .
45 , : , , , , .
4. Flow
Flow – -. :
· Figma, Sketch, XD, Illustrator, Affinity .. ( Instagram Dribbble);
· ;
· Sketch / Figma Swift, React, SVG .
onboarding , , - – Flow .
, Flow , .. - . , Figma Sketch – Flow.
3. Byte Dance Icons
Byte Dance Icons — Figma community,
3000 . outlined, filled two-tone.
.
2. Best of Product Hunt
Notion Product Hunt 2020 . 360 .
: , . : , ProductHunt, , .
1- The State of Design Systems: 2020. , Google - 2020 . Google 1000 .
1. The State of Design Systems 2020
.
UI , 83% – -. .
Figma – , :
1) ;
2) - ;
3) , -.
Material Design – -. Apple’s Human-Interface Guidelines Bootstrap (!).
-. 80% , - . – - .
. , - . , .