Resources

modus.medium.com/five-tips-on-how-to-write-good-design-principles-8629d26595b3

Strong design principles will help you make better design decisions about products and features

medium.com/@monteiro/13-ways-designers-screw-up-client-presentations-51aaee11e28c

…and one weird trick you won’t believe works every time.

growth.design/psychology

A complete list of cognitive biases and design principles. Tons of product examples, tips and checklists to improve your user experience.

alistapart.com

For people who make websites

goodreads.com/quotes/309485-nobody-tells-this-to-people-who-are-beginners-i-wish

Nobody tells this to people who are beginners, I wish someone told me. All of us who do creative work, we get into it because we have good taste. But the...

miro.com/inside-design/give-designers-feedback

Speed up product development from ideation to launch. Align teams, break tool silos, and ship what customers need in one AI-powered visual platform.

miro.com/inside-design/making-feedback-work

Speed up product development from ideation to launch. Align teams, break tool silos, and ship what customers need in one AI-powered visual platform.

apify.com

Thousands of tools to automate your business. Get real-time web data, track competitors, generate leads, and integrate your apps and AI agents.

are.na/melissa-t/i-think-i-actually-hate-design

Relatable content for people who design. This is also satire.

Eight Braun design icons, drawn in lines. Scroll to explore the SK 4, T3 and ET 66, from their familiar forms to the parts beneath.

brianlovin.com

Brian Lovin is a designer and software engineer living in San Francisco, currently designing AI products at Notion.

Carbon is IBM’s open source design system for products and digital experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.

UI, UX and product design backed by 20 years of visual design experience.

coglode.com

Get bite-size behavioural insights, learn methods and apply them artfully to solve your problems with greater impact

colorsandfonts.com

Build complete color scales from a single base color or create harmonious 5-color palettes using color theory. Real-time contrast checking, HSL editing, and export to Tailwind v4, CSS, SCSS, Figma tokens, and more.

cosmic-sans.blast-foundry.com

Cosmic Sans is a geometric sans serif with soft corners and duplexed widths. Designed by Blast Foundry for interfaces, systems, and brand identities that balance clarity and charm.

medium.com/building-creative-market/design-critiques-part-i-a-culture-of-effective-feedback-2713005a58a

Crouching Feedback, Hidden Disaster

craftwork.design

Discover hundreds of carefully selected websites and design patterns originally featured on Curated.design.

d.mba

Design MBA fosters business confidence within the design community. Learn how to align design and business goals without losing your empathy.

davidplakon.com

Product Designer of complex tools.

AI Tokens are everywhere, what are they, how do we work with them, what do they represent?

alistapart.com/article/design-criticism-creative-process

In every design project, at some point we quit what we’re doing and share our unfinished work with colleagues or clients. This begs the question: Just what does the critique do for the design…

principles.design

A curated collection of design principles used as decision-making frameworks. Practical examples and guidance for teams building products.

medium.muz.li/design-principles-behind-great-products-6ef13cd74ccf

The compilation of subtle principles that drive design decisions in widely known products and design systems

A curated list of the best design resources

knapsack.cloud/calculator

Project your team's expected Design System ROI by calculating efficiency and cost savings.

designsystemsrepo.com

An organized and frequently updated collection of Design System examples, resources, tools, articles and videos.

sitepoint.com/designing-form-layout-spacing

Human beings see things that are close to each other as being related. Conversely, things that are not related usually have some space between them.

docsend.com/view/drwqd3sfx5mq632z

DocSend helps you communicate more effectively by telling you what happens to content after you send them and letting you keep control in real time.

uxdesign.cc/dont-take-design-critique-as-an-insult-6cf187ca6308

Receiving feedback is a natural part of the design process, and in every round of feedback the design tends to get stronger and tighter…

dustinputnam.com

Dustin Putnam is a design leader who pairs product craft with AI to scale teams and outcomes across Travel, Education, E-commerce, and Telecommunications.

elezea.com/2015/03/better-feedback

It

ethanchng.com

Ethan [鎧鴻] is a designer and artist who loves gesture-driven spatial systems and creative tooling. He enjoys dreaming up ambitious novel toys that solve complex problems in creative ways. Previously an architect [建筑师].

evanmccormack.com

Product design leader with 15+ years shaping products, teams, and systems that scale. I help organizations build design systems

All in One Bookmark Links for Design Systems

nngroup.com/articles/f-shaped-pattern-reading-web-content

Eleven years after discovering the F-shaped reading pattern, we revisit what it means today.

alistapart.com/blog/post/feedback-phases-and-personas

You want feedback in the early stages of any project, but how can you make sure you’re getting the most out of it? Anthony Colangelo recommends a five-stage feedback process to gather input f…

alistapart.com/article/feedback-that-gives-focus

As creative professionals, we might see ourselves as the hero of our work’s story. But this can make feedback—an inevitable part of our work—seem like the villain. Learn how to reframe your r…

Figma Finder is a launcher utility plugin. It gives you quick access to all your essential things. - Accessing pages, layers, views, and much quickly - Browsing your figma’s Layers broad using keywords matching. 🚀Launcher feature Add Frame: 1. Select a frame you want to save to the launcher 2....

figmalion.com

Figmalion is a weekly newsletter and curated collection of the most valuable stories and resources related to Figma.

behaviormodel.org

Discover the Fogg Behavior Model at BehaviorModel.org - a powerful framework for understanding and designing human behavior change.

fontawesome.com

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

fontshare.com

Fontshare is a free fonts service from the Indian Type Foundry (ITF), making quality fonts accessible to all.

uxdesign.cc/form-best-practices-8e560e9f8bd0

Form best practices — the Do’s and Don’ts in form design All over the world in every application people use forms. They use it for different reasons like business processes, proposals, surveys …

cxl.com/blog/form-design-best-practices

Improve your forms today with these 13 form design principles. Follow web form design best practices to earn more conversions.

fredericschlosser.de

Frederic Schlosser is an international working photographer based in Germany.

Hi everyone! In this article we'll take a good look at the command line (also known as the CLI, console, terminal or shell). The command line is one of the most useful and efficient tools we have as developers and as computer users in general. But us...

dribbble.com/shots/1254439--GIF-Float-Label-Form-Interaction

[GIF] Float Label Form Interaction designed by MDS. Connect with them on Dribbble; the global community for designers and creative professionals.

Grant Joseph

grids.obys.agency

The educational project about grids which Obys uses every day with unusual storytelling.

readymag.com/readymag/design-principles

A set of values that help you design your own product and build user trust.

Hemingway Editor makes your writing bold and clear.

noff.me

A designer, wannabe engineer, and sometimes writer.

medium.com/eightshapes-llc/how-do-i-practice-cards-activity-60d6ffe42be3

Prioritize the Processes Your Design System Needs

uxplanet.org/how-to-give-and-get-better-design-feedback-in-teams-and-agencies-e081e66ff046

4 tips that can help improve your design critiques and feedback loops

nngroup.com/articles/how-users-read-on-the-web

Users don't read web pages, they scan. Highlighting and concise writing improved measured usability 47-58%. Marketese imposed a cognitive burden on users and was disliked.

humanebydesign.com

Guidance for designing humane digital products and services focused around digital well-being.

itsnicethat.com

Inspiring Creativity

joshwcomeau.com

Friendly articles and tutorials for front-end web developers. ❤️

langchain.com

LangChain provides the engineering platform and open source frameworks developers use to build, test, and deploy reliable AI agents.

linear.app

Purpose-built for planning and building products with AI agents.

Create, attach, clone and move components in a couple of clicks without losing overrides! 🔥 Introductory video (5 min.) 👾 Interactive guide (15 min.) 📕 Plugin docs → Learn more and get the license Free trial: You can successfully use the plugin up to five times per file. 💬 Feedback and question...

mds.is

Prototype

uxdesign.cc/measuring-design-quality-with-heuristics-44857efa514

How do we measure design quality? This question has been asked at every company where I’ve led design, and it comes not only from…

mendable.ai

Mendable allows you to easily build AI chat applications. Ingest, customize, then deploy with one line of code anywhere you want. Brought to you by SideGuide

mitchellclements.com

Mitch Clements is a Sr. Product Design Manager with years of leadership experience who specialize

mobbin.com

Save hours of UI & UX research with our library of 400,000+ fully searchable mobile & web app screenshots.

medium.com/eightshapes-llc/naming-tokens-in-design-systems-9e86c7444676

Terms, Types, and Taxonomy to Describe Visual Style

neal.fun

Games, visualizations, interactives and other weird stuff.

nightschool.ooo

Slow, dumb, and priceless.

nijatmanafov.com

Nijat Manafov is a product designer and designs web and mobile apps for startups.

tailwindcss.com

Beautiful UI components and templates by the creators of Tailwind CSS.

onepagelove.com

One Page Love is a One Page website design gallery showcasing the best Single Page websites, templates and resources.

ormanclark.com

Orman Clark is a product designer, digital artist, and Co-Founder of Make Lemonade — a collective committed to empowering fellow creatives on the road to financial freedom.

pttrns.com

Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible.

ralphammer.com

Welcome to my creative world. Here you’ll find my writings, drawings, animations and more.

reactbits.dev

An open source collection of high quality, animated, interactive & fully customizable React components for building stunning, memorable user interfaces.

recent.design

The best design inspiration on the Internet.

refero.design

The largest collection of UI/UX references and design inspiration for web and iOS. Explore tens of thousands of screenshots with advanced search capabilities

replit.com

Build and deploy software collaboratively with the power of AI without spending a second on setup.

Learn to design web forms that boost conversions and user engagement. Luke Wroblewski offers research-backed insights and practical tips in

savee.com

Savee is a curated place for visual inspiration. Discover references chosen by designers, collect what matters, and build a sharper eye without ads or clutter.

seesaw.website

Curation of the best web design inspiration, updated daily.

shiftnudge.com

Professional interface design training for working designers. A proven framework that helps you articulate design decisions, execute your taste, and finish work to the level it deserves.

signalnoise.com/neo-noire-font

A custom retrowave typeface developed by Signalnoise, paying homage to brush type from the 80s. This font is available for purchase in the Signalnoise Store for a mere $30, and comes packaged with a layered PSD file as an example of use.

medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62

From Basics to Expanded Concepts to Apply Space with Intent

stephaniegolik.com

Hi!

superfriendly.com/design-systems

We work with organizations to evolve their product practices and design systems through a combination of design, engineering, coaching, and hands-on collaboration.

illustrationsuniverse.com

ALEXISTOGEL adalah bandar toto macau terpercaya dengan price pools Macau terbesar tahun 2026. Sistem aman, pembayaran penuh tanpa potongan, layanan profesional, dan pengalaman bermain yang nyaman untuk semua pemain.

component.gallery

An up-to-date repository of interface components based on examples from the world of design systems, designed to be a reference for anyone building user interfaces.

thedesignsystem.guide

Set Up a Design System. Guide, Resources, Useful Tools, Checklists

fontdue.com

Try Fontdue free and build your own type foundry website. The best e-commerce platform for type designers and publishers.

ui.shadcn.com

A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.

I think it was in the time of spring 2012, when I came across David Shiyang Liu's lovely piece of work about Ira Glass. It was the most inspiring and motivating video I had ever seen in my life. I watched it over and over again, listened to Ira Glass' voice, and told myself, that I am not the only person who is constantly disappointed about the gap between one's taste and one's skills. Later in 2012, I decided to do my own filmed version of Ira's interview - using my own language to tell his message. It took me about a year from concept to upload. I made it for myself and for anybody who is in doubt about his/her creative career. I also think that Ira Glass' message isn't only limited to the creative industry. It can be applied to everyone who starts out in a new environment and is willing to improve. THANK YOU Ira Glass, whom I've never met in real life, but who had such a big influence on my development. Thank you for telling beginners what nobody else does. David Shiyang Liu for the video that inspired me to start the project. You all should watch his awesome kineticTypo-version here: http://vimeo.com/24715531 The people from current.tv who originally recorded the interview with Ira Glass. See the relevant part here: http://www.youtube.com/watch?v=BI23U7U2aUY The people from Magic Lantern who gave DSLR videography a new dimension (I chose this project to be a test run with the RAW plugin)! Steven Sasseville for painting the "taste" painting for me. Pedro Sousa for his advice and working his ass off at the "creative work" chalkboard. Wolfgang Kraus for letting me borrow his sound equipment. Kai Löhnert for working out on his birthday in the "fight" take. Wolfgang Hendrik Schnabel for giving me the museum-like atmosphere and his silhouette in the painting takes. Hermiyas Ötztürk for his hairy "good enough" hand. Orange Hive Studio for light equipment and location. Mima and Heinz Sax-Schmitz for the location of the "ambitions" take and finding me the "finish 1 story" typewriter. Joyce Chen (https://vimeo.com/clownmori), Soufiane Mabrouki (http://vimeo.com/user21466567), Damien Tsenkoff (https://www.behance.net/damtsnkff), Nikita Samutin (www.baselinedesign.ru) and Andrej Mikula (http://amara.org/en/profiles/profile/65015/) for taking the time and patience to create Chinese, Arabic, French, Russian and Slovak subtitles and dissolving language barriers to make even more people understand Ira's words. A SPECIAL THANK YOU Solveig Gold for being the most patient and supporting person in my life. She appears in a lot of scenes in this video. Jutta and Uwe Sax for several pieces of equipment and their support.

meglewis.com

The world needs more humanity, love, joy, curiosity, and play! Meg Lewis is a designer, speaker, and educator helping brands and humans create a brighter future through design, keynotes, workshops, and courses.

medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421

10 Tips to Architect & Implement Design Decisions for Everyone

making web things

Open-source, accessible React UI components styled with Tailwind CSS to build charts and dashboards.

Generate, edit, save and share Tailwind CSS color shades based on a given hexcode or HSL color.

ui8.net

Discover premium UI kits, templates, and design resources tailored for designers, developers, and startups.

uitraps.com

TENETS describe attributes of good user interface design… TRAPS describe common, detectable problems that degrade good design… …eliminate traps and ...

Use Contrast for Figma is your new favorite plugin. Get quick access to WCAG color contrast ratios and have fun doing it. Also available for macOS.

articles.centercentre.com/short_form_creative_brief

Jared Spool talks about the Short-Form Creative Brief - a compact design artifact we found in use by a team we've been working with.

uxcrush.com

Discovery, usability, synthesis, and research for creating wonderful products.

val.town

A nice place for JavaScript

veronicawalker.com

I’m Veronica Walker, a product designer based in San Diego. I create revenue-driving products that solve problems and delight users.

medium.com/adevinta-spain-design/whats-the-value-of-a-design-system-19e47752f003

This is perhaps the most frequently asked question among people who come into contact with “Design Systems.” It’s probably the most common…

zellwk.com/blog/why-vertical-rhythms

Master vertical rhythm: Repetition creates harmony in typography. Learn baseline grids, consistent spacing, professional design flow.

willsimon.co

Product Designer based in Los Angeles. Currently making new things at AllTrails.

abookapart.com/products/youre-my-favorite-client

Get crystal clear insight into the process and business of design, and prepare to lead successful projects every time.