#design-systems

[ follow ]
#collaboration
UX design
fromMedium
5 months ago

5 Pillars for Highly Effective Design Systems

A collaborative, developer-first design system enhances productivity and streamlines processes across teams.
Design systems must consider developer workflows to avoid inefficiencies and foster better collaboration.
Software development
fromMedium
5 months ago

A Modern Workflow for Design System Development and Reuse

Composable design systems promote modularity and independence of UI components, enabling better version control and easier updates without affecting the overall system.
fromMedium
9 months ago
UX design

Modern Frontend Design Systems: Built for Reusability and Improved Collaboration

UX design
fromMedium
5 months ago

5 Pillars for Highly Effective Design Systems

A collaborative, developer-first design system enhances productivity and streamlines processes across teams.
Design systems must consider developer workflows to avoid inefficiencies and foster better collaboration.
Software development
fromMedium
5 months ago

A Modern Workflow for Design System Development and Reuse

Composable design systems promote modularity and independence of UI components, enabling better version control and easier updates without affecting the overall system.
fromMedium
9 months ago
UX design

Modern Frontend Design Systems: Built for Reusability and Improved Collaboration

#ux-design
#figma
UX design
fromMedium
3 months ago

Figma to functional: AI-powered iteration with Anima's Playground

Prepare Figma designs for Anima by organizing layers, using frames, and implementing auto-layout to optimize code generation.
UX design
fromMedium
5 months ago

Frames X 2.9: Setting a Benchmark for a UI Kit

The new Mono UI kit in Figma uses semantic gradient variables for improved design flexibility.
UX design
fromMedium
3 weeks ago

New Figma MCP + Cursor Integration with Example

Figma's new Dev Mode MCP integration allows AI models to access full design context for accurate code generation.
UX design
fromMedium
3 months ago

Figma to functional: AI-powered iteration with Anima's Playground

Prepare Figma designs for Anima by organizing layers, using frames, and implementing auto-layout to optimize code generation.
UX design
fromMedium
5 months ago

Frames X 2.9: Setting a Benchmark for a UI Kit

The new Mono UI kit in Figma uses semantic gradient variables for improved design flexibility.
UX design
fromMedium
3 weeks ago

New Figma MCP + Cursor Integration with Example

Figma's new Dev Mode MCP integration allows AI models to access full design context for accurate code generation.
fromAriel Salminen
1 month ago

Introducing Brands for Nord Design System

Over the past six weeks, my colleague and I have been working on a new major update for the Nord Design System.
UX design
#user-experience
Design
fromMedium
4 months ago

Design tokens: A double-edged sword in design systems

Over-engineering design tokens increases complexity and decreases usability.
Clear naming conventions are crucial for managing design tokens effectively.
Reducing token choices minimizes cognitive load and enhances developer efficiency.
Streamlining design tokens prevents redundancy and system bloat.
fromMedium
3 months ago
Typography

Mastering typography in design systems with semantic tokens and responsive scaling

Design
fromMedium
4 months ago

Design tokens: A double-edged sword in design systems

Over-engineering design tokens increases complexity and decreases usability.
Clear naming conventions are crucial for managing design tokens effectively.
Reducing token choices minimizes cognitive load and enhances developer efficiency.
Streamlining design tokens prevents redundancy and system bloat.
UX design
fromMedium
1 month ago

I tried three ways to ship a design system. Here's what actually worked.

Design systems in existing software are complex and take around 18 months to implement successfully.
Typography
fromMedium
3 months ago

Mastering typography in design systems with semantic tokens and responsive scaling

Typography is crucial for efficient and consistent digital design, enhancing readability, usability, and overall user experience.
#user-engagement
fromItsnicethat
1 month ago

Frontify Future's bespoke typeface champions the kinetic future of branding

We created Crany-Frame and Crany-Hairline, these fonts then serve as our base scaffolding...we apply decoration to them to produce new typefaces for each content strand.
Typography
Node JS
fromLogRocket Blog
1 month ago

How to import SVGs into your Next.js apps: A 2025 guide - LogRocket Blog

Integrating SVGs into Next.js projects offers numerous benefits including scalability and accessibility but can be complex without proper guidance.
fromMedium
1 month ago

Default it or design it

I wasted too much time early in my design career sweating the wrong details. Now I ask one question before every UI decision: "Default it, or design it?" This simple heuristic has saved me countless hours and arguments, especially in startup environments where resources are limited and speed matters.
UX design
#innovation
fromArchDaily
2 months ago
Online Community Development

The Promise of Accessibility: Can Modular Systems Contribute to Democratizing the Design Process?

fromArchDaily
2 months ago
Online Community Development

The Promise of Accessibility: Can Modular Systems Contribute to Democratizing the Design Process?

UX design
fromBencallahan
2 months ago

Bias in Design Systems - bencallahan.com

Personal biases can significantly influence decision-making and outcomes, as illustrated by the contrasting culinary preferences of the author and their brothers.
UX design
fromLogRocket Blog
2 months ago

Style guide vs. design system: Why the difference matters - LogRocket Blog

Style guides and design systems serve different purposes in product design, and misusing them can hinder design efficiency.
fromMedium
2 months ago

Can we get rid of these misconceptions about design systems?

Design systems are often misunderstood despite their benefits, as skepticism persists even among designers, highlighting a gap between perception and reality.
Graphic design
Web frameworks
fromMedium
4 months ago

Deployment Strategies for Composable Microfrontends

Microfrontends can leverage CI/CD for streamlined development and deployment, enabling better version control and stability.
fromMedium
5 months ago

Design System Challenges:

The concept of freedom is often misused to distort reality when things don't go our way, leading to confusion in its true interpretation.
Miscellaneous
fromInfoQ
5 months ago

Make Your Design System Work for You and Your Team

I think I'm also a magician. I became the technical product owner about a year ago.
UX design
[ Load more ]