Introducción a los Sistemas de diseño

Shopify Polaris

Our style guide helps us collaborate across disciplines to build a great experience for all of Shopify's merchants. It promotes consistency, but it's not a blueprint. Be creative, explore, and evolve the system.

Pajamas Design System

GitLab is an open core product and has over 2000 community contributors. When everyone can contribute, consumers become contributors and we greatly increase the rate of human progress. To ensure that everyone can contribute to GitLab with confidence we provide everyone with the right resources and know-how.

design.gitlab.com

Carbon Design System

Carbon is IBM's open-source design system for products and digital experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors. The component libraries give developers a collection of reusable components for building websites and user interfaces.

www.carbondesignsystem.com

Atlassian Design System

Design, develop, deliver. Use Atlassian's end-to-end design language to create simple, intuitive, and beautiful experiences.

atlassian.design

Ant Design - The world's second most popular React UI framework

An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises

ant.design

Spectrum, Adobe's design system

Spectrum provides interface components, resources, and tools to help teams work more efficiently and to make applications more consistent.

Orbit | Open source design system for your next travel project

Open source design system for your next travel project

orbit.kiwi

Liferay Lexicon | An Experience Language for Crafting Beautiful UI

Lexicon is a design language that provides a common framework for building interfaces within the Liferay product ecosystem.

liferay.design

Clarity Design System

Clarity Design System. UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional experiences

clarity.design

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system-backed by open-source code-that helps teams build high quality digital experiences.

material.io

.pulse

Helping us build great products for our customers

pulse.heartbeat.ua

Backpack

Backpack is Skyscanner's open-source design system.

backpack.github.io

Color

ux.mailchimp.com

klaufel/awesome-design-systems

A curated list of bookmarks, resources and articles about design systems focused on developers. A Design System is an ever evolving collection of reusable components, guided by rules that ensure consistency and speed, by being the single source of truth for any product development. See more design systems here!

github.com

Design System Checklist

An open-source checklist to help you plan, build and grow your design system.

designsystemchecklist.com

Create atomic design systems with Pattern Lab - Pattern Lab

Pattern Lab is a frontend workshop environment that helps you build, view, test, and showcase your design system's UI components. Run the following command in your terminal and read the installation guide to get started: npm create pattern-lab

patternlab.io

Design Systems Repo

An organized and frequently updated collection of Design System examples, resources, tools, articles and videos.

designsystemsrepo.com

alexpate/awesome-design-systems

Know a resource that isn't listed below? Feel free to create a new pull request. A design system is a collection of documentation on principles and best practices, that helps guide a team to build digital products. They are often embodied in UI libraries and pattern libraries, but can extend to include guides on other areas such as 'Voice and Tone'.

github.com

Building a Visual Language

Behind the scenes of our new design system This article is part of a series on our new Design Language System. Karri recently answered questions about this topic in a Designer News "Ask Me Anything" interview. Click here to read the transcript. Working in software development and design, we are often required to ship one-off solutions.

airbnb.design

Everything you need to know about Design Systems

The fundamental purpose of a Design System is to facilitate the work of the teams. So the first question we need to ask ourselves is not "What should I put inside my Design System?" but "Who is going to use it and how?".

uxdesign.cc

¿Qué es el Design System y por qué me va a ayudar a escalar mi producto? - Product Hackers

Cada día el mundo cambia más rápido y nuestro productos tienen que adaptarse a estos cambios. Definir, diseñar y desarrollar un producto no es tarea fácil si no seguimos ciertas pautas y normas dentro de la organización.

producthackers.com

Atomic Design: qué es y qué ventajas tiene - uiFromMars

Piensa en cualquier aplicación que hayas diseñado o que uses a diario. Normalmente son diseñadas pantalla a pantalla, diseñando cada elemento necesario al momento... lo que, por estadística, acaba generando errores.

www.uifrommars.com

Sistemas de diseño para CEOs y directivos

Un sistema de diseño en realidad no es una decisión de diseño, sino financiera y de producto. Eso es lo primero que debes saber si eres CEO o product manager de una empresa. Vamos a ver por qué. Los sistemas de diseño no son un invento digital, existen de mucho antes de que existiesen siquiera los ordenadores.

medium.com