#design-systems

[ follow ]
#user-interface
#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.
UX design
fromMedium
1 week 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
2 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.
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 week 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
2 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.
#web-development
UX design
fromMedium
4 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.
UX design
fromMedium
2 days 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
4 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.
UX design
fromMedium
2 days 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.
#user-engagement
fromItsnicethat
1 week 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
#productivity
#design-tools
#innovation
fromArchDaily
1 month ago
Online Community Development

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

fromArchDaily
1 month ago
Online Community Development

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

UX design
fromBencallahan
1 month 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.
#uiux
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
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.
Web frameworks
fromMedium
3 months ago

Deployment Strategies for Composable Microfrontends

Microfrontends can leverage CI/CD for streamlined development and deployment, enabling better version control and stability.
#figma
UX design
fromMedium
4 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.
#collaboration
Software development
fromMedium
4 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
8 months ago
UX design

Modern Frontend Design Systems: Built for Reusability and Improved Collaboration

Software development
fromMedium
4 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
8 months ago
UX design

Modern Frontend Design Systems: Built for Reusability and Improved Collaboration

fromMedium
4 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
4 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
fromMedium
8 months ago

Turning an oil tanker, 21 UX strategies, body language in AR, Figma rollbacks

Just as a tanker cannot make sudden movements without causing disruption, organizations are slow to adapt and change due to their size complexity and established structures. Shifting the course of a company requires careful planning, coordination, and patience.
UX design
[ Load more ]