PixelTuesday - Free Design Tools & Resources
A growing archive of thousands of unmissable design resources & tools, updated every Tuesday.
All
Accessibility
AI Tools
Blogs
Color Tools
Community
Design Tools
Icons
Illustrations
Inspiration
Learning
Mockups + UI Kits
Podcasts
Project Tools
Stock Photos
Typography
UX Tools
Website Builder
$ FreeIcons
Ionicons
Beautifully crafted open source icons.
ionicons.com
$ FreemiumUX Tools
UserBit
Understand user needs, manage interview notes, synthesize data, create personas, visual sitemaps and more.
userbitapp.com
$ FreeMockups + UI Kits
MacOS 11 Big Sur UI kit
Sketch and Figma desktop UI library for building web and desktop applications.
products.ls.graphics
$ PaidDesign Tools
PixelSnap 2
Organize Sketch files, keep track of versions and maximize productivity.
getpixelsnap.com
$ PaidUX Tools
Principle
Animate your designs and build high fidelity interactive prototypes and user flows.
principleformac.com
$ FreeUX Tools
Random User
Like Lorem Ipsum, but for people.
randomuser.me
$ FreemiumUX Tools
Marvel
All-in-one platform to wireframe, prototype and design digital products.
marvelapp.com
$ FreeMockups + UI Kits
Material 2 Design Resources
Material 2 design kits for Sketch and Figma and other helpful tools provided by Google.
m2.material.io
$ FreemiumWebsite Builder
Disha Pages
Create a one-page site without code and promote who you are and what you do in one link.
disha.ng
$ FreeUX Tools
Draw.io
User testing platform that turns your prototype into actionable insights from real users.
draw.io
$ FreeCommunity
Drawerrr
Your personal, UX/UI jobs search.
drawerrr.com
$ FreeTypography
Typographica
A review of typefaces and type books, with occasional commentary on fonts and typographic design.
typographica.org
$ FreeLearning
Figma Crash Course
Deep dives into powerful Figma features.
figmacrashcourse.com
$ FreemiumMockups + UI Kits
Things
Generate custom 3D device mockups directly in your browser.
things.morflax.com
$ FreemiumWebsite Builder
Makeswift
For website builders who are tired of the tradeoffs and are ready to move fast.
makeswift.com
$ FreeColor Tools
Colorca
Design an accessible color palette for digital products in HSLuv color space.
colorca.org
$ FreeUX Tools
Lyricsum
Lorem Ipsum but it's song lyrics.
lyricsum.com
$ Free + PaidDesign Tools
Vackground
Beautify your content, design, presentation, website with carefully crafted background images.
vackground.com
$ FreeBlogs
Design Systems
A Figma publication for design systems creators, designers, developers, and managers.
designsystems.com
$ FreemiumDesign Tools
Cavalry
Powerful 2D animation software for Mac and Windows.
cavalry.scenegroup.co
$ Free + PaidCommunity
DesignX
Global community, conference talks, and reports that you won’t find anywhere else.
designx.community
$ FreeIllustrations
Ira Design
Build your own illustrations using gradients and hand drawn sketch components.
iradesign.io
$ FreeDesign Tools
Noise & Texture
Figma plugin to dynamically generate seamless tiled noise & textures.
figma.com
$ FreeIllustrations
3D Bay
Royalty free 3D stock photos.
clouddevs.com
$ Free + PaidIcons
Loaf
Free, simple animated SVG Icon editor.
getloaf.io
$ FreeWebsite Builder
Radius
Collection of open-source tools and libraries that allow you to accelerate your design system.
rangle.io
$ FreeTypography
Fontshare
A free fonts service, making quality fonts accessible to all.
fontshare.com
$ FreePodcasts
Now What?
A podcast about how technology is changing… everything.
wix.com
$ FreeLearning
UX Tools
Learn user-first design with practical skills and tools.
uxtools.co
$ FreemiumWebsite Builder
Adalo
Turn your app idea into reality without coding.
adalo.com
$ FreeColor Tools
Cheeky Palettes
Color palette inspiration in context.
cheekypalettes.com
$ Free + PaidIllustrations
Olio Constructor
Illustrate your crazy idea by mixing characters and objects in Figma.
olio.work
$ FreeInspiration
Logobook
Eagle is a new way to collect, search and organize your image files in a logical way and all in one place.
logobook.com
$ FreeMockups + UI Kits
3D Tranformer
Turn your frame into a beautiful 3D mockup online & in Figma.
3dtransformer.com
$ FreemiumMockups + UI Kits
MockRocket
Create device mockups & product videos right in your web browser.
mockrocket.io
$ FreemiumWebsite Builder
Figside
Ship websites with Figma.
figside.com
$ PaidMockups + UI Kits
Rotato
Mac app that lets you create, capture, and animate 3D mockups for your digital designs in seconds.
rotato.app
$ FreemiumDesign Tools
Glorify
Create high converting product images in a few clicks.
glorifyapp.com
$ FreeUX Tools
Sketchize
Device or browser templates to print out and sketch the good old analog way.
sketchize.com
$ FreemiumDesign Tools
Versions
Full-featured version control tool for designers.
sympli.io
$ PaidAI Tools
GitHub Copilot
Get AI suggestions for whole lines or entire functions of code.
copilot.github.com
$ FreemiumInspiration
UI Sources
Browse thousands of designs curated from the best designed apps in the world. Analyse product features, observe microinteractions and get new insights.
uisources.com
$ FreeTypography
Type Scale
Easy type scale calculator to improve typography on the web.
type-scale.com
$ Free + PaidMockups + UI Kits
Templatery
Beautiful templates for your Figma presentations. Free and ready to be cloned.
templatery.co
$ FreeIcons
Supercons
A friendly, open source React iconset.
supercons.vercel.app
$ FreeCommunity
Read.cv
Fixing the current state of professional networks.
read.cv
$ FreemiumDesign Tools
Uizard
Design tool for everyone, powered by AI.
uizard.io
$ PaidInspiration
Page Flows
User flow videos & screenshots to inspire you when you're stuck.
pageflows.com
$ FreemiumUX Tools
Weave.ly
Code-free prototyping tool to turn Figma designs to web applications.
weave.ly
$ FreeLearning
Biased by Design
Cultivating awareness of when and how cognitive bias can be introduced into the design process.
biasedbydesign.com