Resource Library

Tools & references we actually use.

A hand-picked collection of galleries, inspiration sites, and tools. Everything here has earned its place by being genuinely useful.

Portfolio Galleries

Curated directories of exceptional portfolio work.

3 resources

Design Inspiration

Sites that push boundaries and expand what you think is possible on the web.

7 resources

Design Tools

Utilities, libraries, and references that earn a permanent place in your workflow.

11 resources

Atlassian Design System

One of the most thorough public design systems — covers foundations, components, patterns, and content. An invaluable reference for anyone building or contributing to a design system.

design-systemscomponentstokensaccessibility

eBay Playbook

eBay's open design system — clean documentation of their components, motion, and design principles. A well-structured example of design system at scale.

design-systemscomponentsopen-source

Backpack by Skyscanner

Skyscanner's open-source design system. One of the few that documents both the design and engineering sides with equal rigour.

design-systemsopen-sourcecomponents

Tints.dev

Generate perfect Tailwind CSS color palettes from a single hex value. Indispensable for anyone doing design engineering with Tailwind.

colortailwindpalettegenerator

React Bits

A library of animated and interactive React components — text effects, backgrounds, and UI elements ready to drop in. Great for adding motion without starting from scratch.

reactanimationcomponentsmotion

JSON Crack

Visualize JSON data as an interactive graph. Useful for understanding API responses, design token structures, and complex data schemas.

jsonvisualizerdatadevtools

Learn Git Branching

The most visual way to learn Git. Interactive exercises that make branching, rebasing, and merging click — essential for design engineers.

gitinteractivelearningengineering

Design Tokens Format Module

The W3C community group specification for design tokens. The canonical reference for understanding how tokens should be structured and exchanged across tools.

design-tokensspecificationw3cstandards

Jamstack Site Generators

A comprehensive directory of static site generators — useful for designers and design engineers choosing the right tool to build their portfolio.

static-sitesportfoliotoolingjamstack

Learn Figma (LearnUX)

A structured, free Figma course covering everything from basics to auto layout and components. Clean teaching style, no fluff.

figmacoursefreelearning

Base Gallery — Figma Community

A Figma community file with hundreds of categorised design examples — logos, layouts, type systems, and UI patterns. A fast way to explore visual references inside Figma.

figmareferencescommunityinspiration

Typography

References for type in the real world — a designer's most important tool.

1 resource

Templates

Solid starting points for Framer and Webflow builds.

1 resource

Career Resources

Tools and references for navigating the design job market and growing your craft.

23 resources

Design System University

Courses on building, scaling, and selling design systems inside organisations. Particularly useful for senior designers taking on system ownership.

design-systemscourseleadershipscaling

The Business Value of Design — McKinsey

McKinsey's landmark research showing design-led companies outperform peers by 2:1. Essential reading for any designer making the business case for their work.

researchbusinessstrategydesign-value

Product Designer Competencies Matrix

Levelling frameworks from 15 top companies — Google, Airbnb, Stripe, and more. The most comprehensive public reference for understanding what senior design actually looks like.

levellingcareer-laddercompetenciessenior-design

Writing Better Self Reviews

Brian Lovin's guide to writing performance reviews that actually advance your career. Practical, honest, and not often discussed in design circles.

performance-reviewscareerwritingself-advocacy

Titles for Designers — Basecamp

Basecamp's public ladder for design titles — how they think about junior, senior, and principal design roles. Refreshingly clear and worth benchmarking against.

titlescareer-ladderlevellingbasecamp

Strategic Storytelling for Designers

How to frame design work as a narrative that stakeholders understand and act on. One of the most practically useful pieces on design communication.

communicationstorytellingstakeholderspresentation

The Attributes of a Design Engineer

Kathryn Gonzalez on what separates a design engineer from a designer who codes — judgment, taste, and the ability to own both sides of the interface.

design-engineeringcareercrafthybrid-roles

The Case for Design Engineers

Jim Nielsen's influential argument for why the best interfaces come from people who design and build simultaneously. The foundational piece on design engineering.

design-engineeringcraftmanifesto

The Case for Design Engineers, Pt. II

Jim Nielsen revisits and deepens his argument two years later — with real examples of what gets lost when design and engineering are separated.

design-engineeringcraftprocess

How to Build Visual Confidence as a Designer

Fons Mans on developing a reliable visual eye — how to move from taste to execution without second-guessing every decision.

visual-designconfidencetastecraft

Notes on Design Engineering

A personal collection of notes on what design engineering means in practice — covering tools, mindset, and the blurry line between design and code.

design-engineeringnotesprocesshybrid-roles

Design Systems: Pilots & Scorecards

Dan Mall on how to introduce a design system through small pilots instead of big-bang launches — and how to measure whether it's working.

design-systemsstrategyleadershipprocess

2025: The Year Ahead — Big Medium

Josh Clark's annual design industry forecast — what's shifting in AI, product thinking, and design practice. Measured and worth reading at the start of every year.

industrytrendsforecastai

What Do I Want to Do With My Life? — Uber Design

Evelyn Kim's personal essay on navigating career direction as a designer at Uber. Honest about doubt, ambition, and what meaningful work actually feels like.

careerreflectionmeaningdirection

GitLab Product Design Roles

GitLab's public handbook on design management — how they think about IC to manager transitions, expectations at each level, and design leadership at scale.

career-laddermanagementgitlabremote

BuzzFeed Product Design Roles

BuzzFeed's open-source design role definitions — one of the first companies to publish their full levelling framework. Still a relevant benchmark.

career-ladderlevellingopen-sourceframeworks

Making UX Decisions

A course on how to make confident UX decisions — covering research synthesis, frameworks, and how to communicate design rationale clearly.

uxdecision-makingcourseresearch

ilovecreatives

Job board, courses, and community for creative professionals. Particularly good for freelance and boutique agency roles you won't find on LinkedIn.

jobsfreelancecreativecommunity

Artaux Freelancing Network

A freelance network built specifically for creatives — connecting designers, illustrators, and motion artists with quality work and fair pay.

freelancenetworkcreativejobs

Remote Product Design Career Framework

Remote's public design career framework — a detailed map of what's expected at each level, from junior to staff. Transparent and useful for self-assessment.

career-ladderremote-worklevellingframework

Living Design Documentation

A practical guide to creating design token documentation that stays in sync with your actual design files — a common pain point on growing design system teams.

design-tokensdocumentationdesign-systemsprocess

Flexible Design Token Taxonomy — Intuit

Nate Baldwin's deep-dive into how Intuit structured their design token taxonomy — covering naming, tiers, and the decisions that make a token system scalable.

design-tokenstaxonomydesign-systemsnaming

Alexander Fandén on Foundations

A thoughtful breakdown of how design system foundations (spacing, colour, type) should be structured — written by someone who has built them at scale.

design-systemsfoundationscrafttokens

Know something we should add?

If there's a tool, gallery, or reference that's made a real difference in your portfolio work, we'd love to hear about it.