Design Resources
A collection of links, tools, and design resources to guide each project stage.
Curated by Irene Amato from a Notion page.
Parent: Design
How To Use This List
Use this page as a resource shelf, not as a concept note.
For theory or reusable design knowledge, use the related concept notes. For tools, references, plugins, and libraries, use this page.
Quick Index
| Need | Start Here |
|---|---|
| visual references | Librerie Design per ricerche visive e moodboard, Branding, Logo Design |
| image and media assets | Immagini Free, UI Imagery, Forme e Illustrazioni |
| typography | Siti font e font pairing |
| color and accessibility | Color Palette |
| Figma workflow | Figma Plugins, Design System |
| mockups and presentation | Mockup |
| AI-supported production | Tool AI |
| motion and animation | Animazioni |
| design systems | Design System |
| articles and guides | Articoli e Guide |
Related Notes
- Moodboard
- Benchmark
- UI Imagery
- Creative Direction
- AI for Design
- Motion Design
- Design System
- Design Tokens And Figma
- Accessibility
Immagini Free
Website Builders
Tool 3D
- Turbosquid
- Blender
- Sketchfab - modelli 3D
- Womp3D
- Formia.so
- Spline
- Plasticity
- Vizcom AI
Risorse Creative
- Elements Envato
- My Creative Toolkit - raccoglitore di risorse gratuite
- Vecteezy
- Magic Pattern
Librerie Design per ricerche visive e moodboard
- Mobbin
- Savee
- Cosmos
- Siteinspire
- Awwwards
- Brutalist Websites
- Bestfolios - archivio portfolio e curriculum
- Godly.website
- Deck.gallery - pitch deck presentations
- Landingfolio - ricerche macro, per esempio footer e header
- Commerce Cream - ricerche e-commerce
- Curated Inspiration
- 60FPS - UI flows e motion
- AppShots
- Cofolios
- Illustration.lol - galleria di illustrazioni editoriali realizzate da illustratori di tutto il mondo
- Pageflows - esempi di casistiche UI e feature specifiche, per esempio aggiungere un prodotto in un e-commerce
- Supahero - raccolta di hero section
- UIWiki.co - ricerca mirata su componentistica
Branding
Siti font e font pairing
- Inspotype - font, abbinamenti e palette colori collegati a progetti e siti web reali
- Typewolf - font pairing
- Fontshare
- Collletttivo
- Uncut
- Metaflop - generatore di font
- Free Faces Gallery
- Adobe Fonts
- Google Fonts
- Type Scale
- Typespiration - reference su font pairing e combinazioni palette colori
- Future Fonts
- Fonts In Use
- Velvetyne - fonderia di caratteri sperimentali
Mockup
- Unblast
- Maneken
- Mr Mockup
- Mockup World
- Previewed - mockup animati
- Jitter - mockup animati
- Mockrocket - mockup animati
- Rotato - mockup 3D
- LS Graphics
- Minimal Mockups
- Pebblely - generatore AI di sfondi prodotto e mockup
- Device Frames - mockup 3D
- Mockuuups
- Resource Boy
- ContentCore
- Creatoom
- Mock Mock
- Mockup Cloud
- Pacdora - generatore di mockup
- Furioso Mockups - premium mockups
Logo Design
- Identity Designed
- Chermayeff & Geismar & Haviv
- Koto Studio
- Logggos
- BP&O
- Logo Book
- Brand Guidelines
- Logo System
Color Palette
- Adobe Color
- Adobe Color Contrast Analyzer
- Coolors
- Khroma
- Colors Spectrum - plugin Figma
- Supa Palette - plugin Figma
- Inclusive Colors - crea color palette accessibili
Icone
Figma Plugins
- Cutout - scontorni veloci
- Supa Palette - generatore di color palette
- Grainy Gradient
- LottieFiles - crea animazioni a singoli o multipli frames
- Html.to.design - importa l’interfaccia di un sito in Figma tramite URL
- Colors Spectrum
- Parallax
- Scrollbars - integra scrollbars nei frame
- Styler - genera stili di testo
- Displace - dithering su immagini
- Gifmock - export GIF
- Typescales
- Bento Grid Maker
- Many Paster - utile per nominare simultaneamente elementi in una lista
- Nucleus Design Component Library
- Tokens Studio for Figma
- Liquid Glass Distortion
- Animate Text
- Distort Edges
- Stippling
- Image.to.design - trasforma uno screen in una schermata con auto layout
- Magic Animator - genera animazioni tramite AI
- MagicPattern - generatore di gradienti, pattern e blobs
- Variables Documentation
- Untitled UI Kit - style guide UI kit
- Simple Design System
Tool AI
- Adobe Firefly
- Autodraw - genera icone tramite uno schizzo
- Stitch - supporto nella realizzazione di landing page
- Huemint - crea schemi di colore per brand, siti e grafiche
- Designercize - generatore di brief
- Recraft - image generator
- Ideogram - image generator
- Artlist - generatore video
- Kling AI - generatore video
- Invideo AI - generatore video
- Descript - video editor
- Gling - video editor
- Opus Clip - video editor
- Magic Animator - crea animazioni
- Unicorn Studio - AI tool di animazioni
- Gamma - crea presentazioni tramite AI da importare in PowerPoint
- Pacdora - generatore di mockup
- Alloy - supporto AI nella prototipazione
- Flora Fauna - spazio di lavoro con modelli AI per immagini, video e testo collegati tra loro
- Builder.io - costruzione, modifica e pubblicazione di esperienze digitali
Animazioni
- Lottielab
- Linearity
- Unicorn Studio - AI tool di animazioni
- Gradients
- Shadergradient
- Vartype - sperimentazione con font variabili in contesti cinetici
- Nodesign Foundry - trasforma font in bitmap/variable font tramite filtri e tool custom
- SVG Designcode - crea, personalizza e scarica pattern SVG anche animati
- Cavalry
- ProtoPie
- Antlii - strumento di design dinamico per animazioni e grafiche
- Jitter
- Rive
- Magic Animator - crea animazioni
- GSAP - animazioni per web
- Space Type Generator
Forme e Illustrazioni
- Illustrations.run - scribbles
- Shapes Gallery - forme SVG
Design System
- Design Systems Surf
- Evo by eBay
- Heliograph by Mixpanel
- Geist by Vercel
- Guida al Design System
- Material 3 Design Kit
Articoli e Guide
- Nielsen Norman Group - linee guida UI
- Responsive Patterns
- Growth Design - case studies su cosa ha funzionato e cosa no
- GoodUI - prima e dopo di siti web
- OpenAI Academy: Product Use Cases
- Icon Size
- The Making of an Icon(s)