top of page
Holding Green Books

Resources

The field of UX is and will always challenging and exciting.
I recall a time when web and application design was categorized as either front-end or back-end.  
Front-end then morphed into development and design. 
Design can be further broken down into User Interface and User Experience.

Then there are Design Systems which I've found to be another specialized subset that straddle BOTH design and development.  UX is constantly evolving and as a person who loves to grow and perfect my craft - here are a few resources that I draw from and refer back to.  

12 Design Principles

image.png

Atomic Design with Design Tokens

The atomic design methodology was coined by Brad Frost back in 2013. Inspired by chemistry, Brand proposed a mental module and a hierarchical system of ordering UI elements and components.

This methodology comprises six distinct stages (with the 6th stage added about six years later when Salesforce’s Lighting design system introduced design tokens), all working together to create more deliberate and hierarchically design systems.

 

Unsplash

Search FREE photos and illustrations.  Unsplash is the internet's source for visuals...and powered by creators everywhere. 
image.png
image.png

80+ Web Accessibility Resources
& Tools

This collection of 80 web accessibility resources ⇣ is aimed at anyone interested in learning how to design, develop and test inclusive and accessible websites, apps, and online documents. Because making the web accessible ensures equal access to the roughly 1 billion 

Design Systems

A design system is a set of standards to manage design at scale by reducing redundancy while creating a shared language and visual consistency across different pages and channels.

Design (and development) work can be created and replicated quickly and at scale.

It alleviates strain on design resources to focus on larger, more complex problems.

It creates a unified language within and between crossfunctional teams.

It creates visual consistency across products, channels, and (potentially siloed) departments.

It can serve as an educational tool and reference for junior-level designers and content contributors. 


 
image.png
image.png

Design Systems for Figma

A collection of Design Systems for Figma from all over the globe 🌎 backed by code.
Author : Jordan Hughes | Untitled UI

Design Systems Crash Course

Listen up - these videos are literally everything you need to know to become well-versed in creating Design Systems.  Block your calendar, grab a cup of coffee and let's fill that big beautiful brain of yours!

  1. Build a Design System!  Episode 1: Figma Tokens & Variables Setup

  2. Build a Design System!  Episode 2: Basic Form Components

  3. ​Build a Figma Design System | Episode 3

  4. Build a Figma Design System | Episode 4

  5. Build a Figma Design System | Episode 5

  6. Build a Figma Design System | Episode 6

  7. Build a Figma Design System | Episode 7

 
Paint Cloud

© 2024 Sydney Smith | SydneyLoves.Design.

bottom of page