|
|
|
#DesignSystems #Components #DesignTokens
Design tokens are the visual design atoms of the design system — specifically, they are named entities that store visual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for spacing) in order to maintain a scalable and consistent visual system for UI development.
|
|
|
|
#DesignSystems #Components
Pattern Lab helps you and your team build thoughtful, pattern-driven user interfaces using atomic design principles.
|
|
|
|
#UIDesign #Figma #UIKits #Tesla #DesignSystem
If you’re a designer/car enthusiast this post is for you. I’ve broken down the details of the dashboard controls and interface of the Tesla Model 3, the first mass-market, touchscreen only electric…
|
|
|
|
#Sketch #Abstract #DesignSystems #Productivity #Plugins
The new generation of tools created for digital media is slowly breaking the ties with the old world. It’s time the links between the design and build processes…
|
|
|
|
#DesignSystems #Libraries #InVision #Sketch #Collaboration
InVision DSM makes it possible for every product team to create and maintain a design system at scale—allowing teams to maintain a consistent user experience across every digital interface.
|
|
|
|
#DesignSystems #Chat #AtomicDesign
Brad Frost, Jina Anne, and Marco Suarez go inside design systems—hosted by Aarron Walter
|
|
|
|
#Sketch #DesignSystems #Productivity #plugin
Generate a sheet of symbol instances from your current document or a library.
|
|
|
|
#DesignSystems #PatternLibraries #StyleGuide
Design System – the complete set of design standards, documentation, and principles along with the toolkit (UI patterns and code components) to achieve those standards. Pattern Library – A subclass in the design system, this is the set of design patterns for use across a company. Style guide – Another subclass in the design system, this static documentation describes the design system itself: how products should look and feel, use cases for UI patterns, correct typographic scales, etc.
|
|
|
|
#Sketch #Plugin #UIDesign #handoff #DesignSystem
A great way to collaborate on design libraries and generate style guides.
|
|
|
|
#Sketch #DesignSystems #Productivity #Websites
Brand new site for Sketch.
|
|
|
|
#Sketch #Abstract #DesignSystems #Productivity #plugin
This morning Sketch released a new feature called Libraries, and we’re excited to support this new design workflow on the first day it’s available. Update Abstract to get started! Libraries are the…
|
|
|
|
#DesignSystems #Components #React
|
|
|
|
#Sketch #DesignSystems #IBM #Storybook #React
|
|
|
|
#Sketch #DesignSystems #UIDesign #Productivity
The system is designed to be lightweight and adaptable to brands, that why many teams find it a really useful tool for building their own libraries based on it. 🖖 Frames Master file is divided into…
|
|
|
|
#DesignSystems #Productivity #patterns #UX
The MailChimp Pattern Library is a byproduct of our move to a more responsive, nimble, & intuitive app.
Over the course of two full redesigns and our recent navigation refresh, we've worked to distill most of the MailChimp interface into a set of atomic pieces, forming the pattern library you see here. By documenting and assembling a reference site of our patterns, we were able to speed up our process and solve some internal communication problems. A common lexicon of code and UI elements benefits us in a few ways: - We can build consistently, focusing our energy on workflows and logic, not web forms and list items.
- We can reuse code instead of reinventing the wheel or roping in an engineer.
- We can see all of our patterns in one place, quickly revealing maintenance issues.
|
|
|
|
#Sketch #DesignSystems #Productivity
Mind blown by this talk by Benjamin Wilkins, Design Technologist at Airbnb. He touches on the internationalization and localization of design elements, and how might we desig...
|
|
|
|
#Sketch #DesignSystems #Productivity #plugin
A Sketch plugin to import & export text styles.
|
|
|
|
#DesignSystems #Components
Components in Design Systems and pattern libraries are helping Design scale consistently across organisations.
Frontend frameworks such as React, Angular and Vue make writing component code a breeze.
Yet it feels like our existing prototyping tools haven’t kept up - linking static images together can never describe the rich user experiences available in code.
What if we could design and prototype directly with our code components?
|
|
|
|
#DesignSystems #Material #UIDesign #Google
Material Design provides a set of tools and guidance to help you make informed decisions about the different UX design directions you could take when creating an app. But what happens when the…
|
|
|
|
#Sketch #DesignSystem #UIDesign #BestPractice
Last week Sketch released Libraries in their 47 Beta, my number one dream feature and something I had a chat with Megan Raddatz about in the comment section of one of my articles from last year…
|
|
|
|
#Sketch #DesignSystems #Productivity #plugin
Generate hundreds of Sketch Shared Styles in a matter of seconds!
|
