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.
Vibe Coding Tools
Vibe coding is an AI-assisted software development practice that centers on using natural language prompts to generate, refine, and debug code. Coined by AI researcher Andrej Karpathy, the term describes a workflow where the programmer's role shifts from writing code line-by-line to guiding an AI assistant in a conversational and iterative process. The core idea is to "fully give in to the vibes, embrace exponentials, and forget that the code even exists," allowing for rapid prototyping and a focus on the desired outcome rather than the technical implementation details.
-
v0: A tool for rapid UI/UX prototyping that can visualize and experiment with layouts early in the development process.
-
Bolt: A flexible tool that integrates with other services like Stripe and GitHub, allowing for complex, multi-service applications.
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.
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.
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!
