¿Qué es un Sistema de Diseño?

2/23
Recursos

Los sistemas de diseño están en todas partes, su función tiene que ver con la planeación y la construcción de productos (no necesariamente digitales).

Hace muchos años, un hombre llamado Malcom McLean transportaba mercancías en sus barcos, pero la descarga de todos estos objetos era muy compleja, todo tenía tamaños y pesos distintos. Para resolver este problema, McLean trabajo con un grupo de ingenieros y crearon los containers o contenedores, cajas de metal que agilizan este proceso gracias la estandarización de todos los sistemas y medios de transporte de estos contenedores.

Esto mismo sucede cuando trabajamos con software, buscamos una manera de agilizar nuestros desarrollo estandarizando todos estos procesos. Los sistemas de diseño son conjuntos de reglas para un producto que se modifica dependiendo de las necesidades del mismo, son una decisión de negocio. Cualquier persona del equipo de producto debe estar involucrada en este proyecto y poder consultar toda esta documentación.

Para crear un sistema de diseño podemos usar diferentes herramientas como Bear, Notion o Evernote, lo importante es que podamos escribir y organizar estos sistemas.

Aportes 115

Preguntas 10

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Partes del Design System:

  • Principios: marcan la pauta y las reglas de nuestro producto
  • Sistema: Cual va a ser el flujo de creación (tiempos y forma)
  • Foundations: Bases de todo lo visual
  • Componentes: Partes que forman un todo

Les dejo esta imagen para su portada

Un Sistema de Diseño es un conjunto de reglas para crear productos digitales de forma escalable y repetible que se modifica dependiendo de las necesidades del mismo.

😮 ¿Quieren saber más de Malcom McLean? ¡Tiene un articulo y todo en la Wikipedia! 📑 🚢 👇

Los Design Systems o Sistemas de Diseño son un conjunto de reglas para un producto que se modifica o puede mutar dependiendo de las necesidades del mismo.

Ahora bien básicamente con los Design Systems lo que se busca generar estándares dentro de los procesos de Desarrollo/Diseño

Y recuerden: "El sistema de diseño no es una decision creativa, es una decision de negocios "

Los sistemas de diseño son bastante viejos, alguien habrá pensado como hacer de manera mucho mas rápido cada producto (Industralizarlo)Tenemos que buscar una manera de estandarizar todos los elementos que utilizamos para diseñar (Input, títulos, componentes, etc).

El sistema de diseño es un conjunto de reglas para un producto que se modifica o pueda mutar según las necesidades del mismo. Definir reglas para todos, para definir a donde apunta el producto. Para esto también tenemos que tener en cuenta las decisiones de negocio.

¿Como lo vamos hacer?
Bajar toda la información de nuestro producto, diseño, desarrollo, análisis, testing, etc. Y documentarlo.

Puedes utilizar las herramientas (Evernote, Confluence Notion,etc). Es importante que pueda ser consultado por todos los integrantes que estén involucrado con la creación del producto.
En nuestro sistema tenemos que tener en cuenta:
* Principios: Marcan la pauta, reglas y lógicas de nuestro producto.
* Sistema: Que partes intervienen en la producción del producto que tiempos y que personas. (Es recomendable en este punto trabajar codo a codo con encargados de “Procesos” en la empresa)
* Foundation: Son las bases, que sostienen las partes visuales de nuestro proyecto.
* Componentes.

Martín Coronel
Diseño UX/UI

Web: http://martincoronel.com/
Facebook: https://www.facebook.com/mcoronel01/
Behance: https://www.behance.net/martincoronel

Activar el modo oscuro en Notion (Windows)

Ctrl + shif + L

Ya lista 😄

Herramientas o apps para realizar sistemas de diseño:

https://bear.app
https://www.notion.so
https://evernote.com

  • Un Sistema de Diseño es un conjunto de reglas para un producto que se modifica o puede mutar dependiendo las necesidades del mismo.

  • Es una forma de estandarización de diseños para realizar modificaciones de manera más sencilla y rápida.

  • Es una decisión de negocio, que hace más productivo todo el proceso de una empresa, desde el aspecto del diseñador. De forma metafórica: el Design System fue una decisión de diseño y negocio que hizo posible que el contenedor fuera creado para hacer más eficiente el comercio internacional y la logística.

Por qué necesitamos un sistemas de Diseño?

¿Qué es un Sistema de Diseño?

✨ Concepto clave
Los sistemas de diseño son un recurso de verdad que agrupa aspectos fundamentales y compartibles entre los diferentes equipos involucrados para realizar y desarrollar un producto.

.

Sistema de diseño

ℹ️ Definición
Los sistemas de diseño son conjuntos de reglas para un producto que se modifica dependiendo de las necesidades del mismo.

.
Los sistemas de diseño no son entregables, sus partes son las que se comparten ya que enmascaran las diferentes secciones que, en conjunto, definen el producto, facilitando la implementación y visión de perspectivas.
.
El propósito fundamental de los sistemas de diseño es el facilitar el trabajo individual de cada equipo resolviendo, inmediatamente, preguntas como:
.

  • ¿Cuál es el rumbo que tomaremos?

  • ¿Bajo qué principios y marco se desarrollará el sistema de diseño?

.

❔Debate
¿Conoces el proceso general para la construcción de un sistema de diseño?
Si el sistema depende de un todo, ¿Qué se necesita para constituirlo?

.
Alinear lo esencial a los equipos, esclarece los objetivos en común.
.
De lo anterior, ayudará a construir la visión mediante la segmentación de guías mediante elecciones de marca y personalidad.
.

Principios de diseño

.
Los principios de diseño son más allá que aspectos visuales de un producto.
.

ℹ️ Definición
Un principio de diseño son una secuencia de guías que ayudan a los equipos alcanzar el propósito del producto pensado.

.
Los principios de diseño, ayudan a los equipos el tomar las decisiones alineadas, aún bajo diferentes contextos.
.

Identidad de marca y lenguaje

La identidad, debería estar definido en la estrategia y los objetivos de la marca bajo pedazerías (colores, fuentes, iconos, animaciones, voz y tono, etc.).

ℹ️ Definición
Una identidad asegura que el diseño implementado por los equipos permita las combinaciones adecuadas que asimile la marca como único y reconocible.

.

Componentes y patrones

ℹ️ Definición
Los componentes y patrones son el corazón del sistema de diseño, manteniendo y entregando una experiencia consistente.

.
Pensando los componentes como bloques, los patrones son aquellas instrucciones que organizan y conjuntan los componentes entre diferentes productos.

en la descripción esta mal… colocan Bird, y es Bear
este es el enlace para quienes tienen curiosidad.
https://bear.app/

  • Principios
  • Sistema
  • Fundations
  • Componentes

Los beneficios de un sistema de diseño son:

  • Ahorra tiempo
  • Mejora el diseño de UX y el código entre productos o dentro de éstos.
  • Aumenta la consistencia en el diseño, el código y la marca.
  • Aumenta la comunicación del equipo.

Herramientas para crear Sistemas de Diseño

+Principios
+Sistema
+Foundations
+Componentes
"Es como un API de diseño"

¿Que es un sistema de diseño?

Es un conjunto de componentes/elementos reutilizables que se reúnen bajo una serie de directrices claras (podríamos decir reglas) y se pueden agrupar de diferentes maneras para crear aplicaciones Web o Móviles.

Notion me pareció siempre igual a sharepoint de microsoft que lo encuentro bastante bueno para trabajar colaborativamente y vincular a toda la suite de microsoft, sin embargo busqué y en resumen notion es más enfocado a metodologias agiles. Aquí les dejo la comparación.
https://www.getapp.com/collaboration-software/a/microsoft-sharepoint/compare/notion-labs/

01. ¿Qué es un Sistema de Diseño?

  • Los sistemas de diseño son antiguos en la historia
  • Alguien tuvo que pensar como es la mejor forma de hacer algo
  • Container de barcos: estandarización de envío
  • Todas las herramientas de carga y envío, está adaptado a los containers
  • Sistema de diseño: conjunto de reglas para un producto que se modifica dependiendo de las necesidades
  • Primero definir las reglas para que todos tiren para el mismo lugar
  • La documentación es la forma de comenzar a diseñar las reglas de un sistema de diseño
  • Sistema de diseño (API de diseño)
    • Principios
      • Marcan toda la lógica, las pautas y reglas del producto
    • Sistema
      • Determina el el flujo de la creación de producto, que partes intervienen, tiempos y personas, de qué forma
    • Foundations
      • columnas que sostienen la parte visual del sistema
    • Componentes
      • Son las piezas que componen el sistema

Los programadores de verdad usan el bloc de notas 😎😎😎.

Hola buenas noches comparto mi sistema para ir siguiendo e curso espero que sea practico y que pueda ir avanzando poco a poco pero con aprendizajes significativos.

Segunda clase y ya amo al profesor sjkjssksjskosksjk

Lo máximoooo este curso! Definitivamente cada día más encantada con UI design y development ❤️. Actualmente estoy trabajando con una aplicación que es igual a Notion, se llama Click up y también es genial, recomendada.

No si sabian, pero Notion tiene un Template de Design System, por si quieres utilizarlo

Por favor esa energía/emoción final 😂 lo amé!!
Muy buena pinta este curso, vamos a por todas🚀

Jajaja que cool el background del profesor y el contenido de la clase

¿Qué es un Sistema de Diseño?


Es un conjunto de reglas para un producto que se modifica o puede mutar dependiendo de las necesidades del mismo.

Herramientas que se pueden utilizar:

  • Notion.
  • Evernote.
  • Bird.

El sistema de diseño debe ser compartido.

<h3>Partes del Design System:</h3>
  • Principios: marcan la pauta y las reglas de nuestro producto
  • Sistema: Cual va a ser el flujo de creación (tiempos y forma)
  • Foundations: Bases de todo lo visual
  • Componentes: Partes que forman un todo

Ahí vamos!!

Es uno de los mejores profes con los que me he encontrado en Platzi 😂

A veces vemos que grandes compañías pueden sacar paginas y nuevas tecnologías de forma muy rápida, esto es porque al hacer muchísimos, estos tienen que hacer sistemas para poder diseñar mas rápido, al igual esto se tiene que iterar.

Mclean era una persona que al ver que transportar barcos, todos los cargamentos eran variados, entonces con ayuda de unos ingenieros, crearon el Container, lo que se volvió una estandarización en el proceso. Entonces todos los sistemas se adaptaron a esto para que fuera mas rápido y productivo. Esto es lo que buscamos en el diseño de software, con botones, input, paginas.

Sabemos que un sistema de diseño es un conjunto de reglas para un producto que se modifica o muta dependiendo de las necesidades del mismo. Hay que definir reglas para saber hacia donde va a el producto y como construirlo.

Algo importante de las pautas de diseño es que se debe consultar en cualquier momento y debe de ser compartido para que todos puedan acceder a el. Notion es uno de los software para poder hacer esto.

Partes del sistema de diseno:

  • Principios:

    Marcan la pauta, las reglas y la lógica de nuestro producto.

  • Sistema:

    Sabremos cual es el flujo de creación del producto, que partes intervienen, los tiempos y las personas

  • Fundations:

    Son las bases y las columnas que sostienen toda la parte visual de nuestro sistema

  • Componentes:

    Son las partes que forman un todo.

Aqui el mio 😄

¿Por qué necesitamos Sistemas de Diseño?

<h1>Tema: ¿Qué es un sistema de diseño?</h1>

.
Recordar
Estandarizado
Universal
Preestablecido
.
Notas

  • Ayudan a estandarizar y acelerar el diseño de un producto.
  • Consiste en adaptar herramientas para ser utilizadas por todos.
  • Por lo tanto es importante que se pueda consultar por cualquiera y podemos usar herramientas que permitan escribir los procesos bien documentados como Notion o Evernote.
  • Son un conjunto de reglas para un producto que se modifica o muta dependiendo de sus necesidades.
  • Se compone por:
    • Principios: Marcan toda la regla del producto
    • Sistema: Indica el flujo de creación; quienes intervienen entre otras.
    • Foundations: Columna visual de nuestro producto
  • Componentes: Las pequeñas partes que componen el producto.
    .
    RESUMEN: Us sistema de diseño es un conjunto de herramientas adaptadas para las necesidades de nuestro producto; que se compone por Principios, el Sistema en que es desarrollado, Foundations y Componentes.

Primeros pasos con Notion

Un sistema de diseño es una sedición de negocio

En los enlaces olvidaron agregar bear. Por si tienen curiosidad: https://bear.app/

15 trucos de Notios

Siempre quise aprender a usar Notion!!! vamos con toda a por este curso

Sistema de design es un conjunto de reglas para un producto que se modifica dependiendo de la necesidad del producto.
Una decisión mas productiva desde un proceso a una empresa.
• Principio: marca la pauta y las reglas de nuestro producto
• Sistema: Cual va a ser el flujo de creación
• Foundations: Bases de todo lo visual
• Componentes: Partes que forman un todo

¿Qué es un sistema de diseño?
.
Vendría siendo un conjunto de reglas establecidas para estandarizar los procesos involucrados para la creación de un producto. Este producto se puede modificar dependiendo de las necesidades del mismo.
.
La idea es que con una buena planificación podemos aumentar la productividad de todos los procesos de una empresa. Por lo que no es una decisión creativa, es una decisión de negocios.
.
Los sistemas de diseño deben ser bien documentados y tienen que poder ser consultado por todas las partes involucradas en la creación de un producto.

A mi me encanta tomar apuntes en figjam (figma), detesto tomar apuntes en notion o esas apps recomendas en el curso.

Uff, qué profe tan divertido. Nada que ver con la profe de diseño para developers… con todo respeto, muy buena, pero me daba sueño. Afortunadamente era corto ese cursito…

uff entre al link de notion y wuau estuve 2 horas aprendiendo y practicando ,jajajaj y seme olvido que estaba haciendo el curso uff con eso les digo de lo encantado que quede con notion

Lista!!

😃
![](

Tuve que regresar para ver los iconitos Xd nos vemos en la clase 9

Partes de un Sistema de Diseño

Containers y estandarización de procesos

Genial Rulotico, justo necesitaba aprender más sobre Design Systems

El diseño de todo luce genial, desde background hasta las diapositivas, me siento en una onda synth-pop, muy chevere!!!

Primera ves que uso Notion y que mejor que documentando lo que vayamos viendo en el curso.
Estoy siguiendo la escuela de Desarrollo Web Saludos 😃

Gracias

ejemplos de sistemas de diseño en diferentes áreas:

  • Material Design (Google): Material Design es un sistema de diseño creado por Google que se utiliza principalmente en el diseño de interfaces de usuario para aplicaciones móviles y web. Proporciona directrices detalladas sobre diseño visual, interacción y movimiento, y ofrece una amplia gama de componentes reutilizables.

  • Bootstrap: Bootstrap es un popular framework de diseño front-end desarrollado por Twitter. Proporciona una colección de herramientas y componentes para el desarrollo web, incluyendo cuadrículas, botones, formularios, y otros elementos de interfaz de usuario, todo ello con un diseño receptivo y adaptable.

  • IBM Design Language: IBM ha desarrollado su propio sistema de diseño para sus productos y servicios. El IBM Design Language incluye principios de diseño, patrones de diseño, recursos visuales y herramientas para ayudar a los equipos a crear experiencias de usuario coherentes y efectivas.

  • Ant Design (Ant Design System): Desarrollado por Ant Design, una división de Alibaba, Ant Design es un sistema de diseño ampliamente utilizado en aplicaciones web y móviles. Ofrece una amplia gama de componentes UI, así como pautas de diseño y recursos para ayudar a los diseñadores y desarrolladores a crear interfaces de usuario consistentes y atractivas.

  • Material Design for Bootstrap: Esta combinación aprovecha los principios de Material Design de Google y los componentes de Bootstrap para proporcionar un sistema de diseño que combina la estética y las funcionalidades de ambos en un solo paquete. Es útil para aquellos que desean adoptar los principios de Material Design en aplicaciones web basadas en Bootstrap.

  • Atlassian Design System: Atlassian, conocido por sus productos como Jira, Confluence y Trello, ha desarrollado un sistema de diseño cohesivo que abarca todos sus productos. El sistema incluye directrices de diseño, componentes reutilizables y recursos para ayudar a los equipos a mantener una experiencia de usuario consistente en todas las plataformas y productos de Atlassian.

Estos son solo algunos ejemplos de sistemas de diseño que se utilizan ampliamente en la industria para garantizar la coherencia y la eficiencia en el diseño de productos y servicios. Cada uno tiene sus propias características y ventajas, adaptadas a diferentes necesidades y contextos de diseño.

El diseño:

El diseño es un campo que a menudo se sitúa en la intersección entre el arte y la ciencia.

Mientras que algunas disciplinas de diseño, como la ingeniería de diseño industrial o el diseño de interacción, incorporan principios científicos y metodologías de investigación en su proceso, el diseño en sí mismo es más amplio y multidisciplinario.
 
El diseño implica la creación de soluciones para problemas específicos, ya sea a nivel estético, funcional, o ambos. Aunque puede basarse en principios científicos y utilizar metodologías rigurosas, también requiere de un componente creativo y subjetivo que a menudo se asocia más con el arte.
 
Además, el diseño es inherentemente humano, ya que busca comprender las necesidades y deseos de las personas para crear soluciones que las satisfagan. Esto implica aspectos emocionales, culturales y sociales que a menudo no son completamente capturados por la ciencia en sí misma.
 
En resumen, mientras que el diseño puede incorporar elementos científicos en su práctica, también abarca aspectos creativos y subjetivos que no se ajustan completamente a la definición de una ciencia en el sentido tradicional. Es más adecuado considerar al diseño como una disciplina interdisciplinaria que combina elementos de arte, ciencia, tecnología, y humanidades para resolver problemas de manera efectiva y creativa.
(el chat)

Un Sistema de Diseño es un conjunto de elementos, reglas, y principios que se utilizan de manera coherente para crear y mantener una experiencia de diseño consistente en productos o servicios. Estos sistemas están diseñados para garantizar la coherencia visual y funcional en todos los aspectos del diseño, desde la interfaz de usuario hasta la marca y la comunicación.
 
En un Sistema de Diseño, se establecen componentes reutilizables, como paletas de colores, tipografías, iconografía, patrones de diseño, y directrices de interacción. Estos elementos se documentan y se comparten entre los equipos de diseño y desarrollo para asegurar que todos estén trabajando con la misma base y mantengan una alineación constante en sus creaciones.
 
El objetivo principal de un Sistema de Diseño es mejorar la eficiencia del proceso de diseño, facilitar la colaboración entre equipos, y garantizar una experiencia de usuario coherente y de alta calidad en todos los puntos de contacto con el producto o servicio.

Sistemas de diseño para agilizar y estandarizar

Un Product Manager maneja diferentes aspectos de un producto digital. Un sistema de diseño es como un conjunto de reglas y componentes que garantizan que el producto tenga un aspecto y comportamiento consistentes. Por otro lado, un UI Kit es más específico; es un conjunto de herramientas de interfaz de usuario (UI) listas para usar. Mientras que un sistema de diseño aborda aspectos más amplios del diseño, un UI Kit se centra específicamente en los elementos de la interfaz que los desarrolladores pueden utilizar directamente para construir la apariencia de una aplicación.

Un Sistema de Diseño es como el conjunto de reglas y piezas de un rompecabezas que ayudan a los equipos a construir productos de manera consistente y eficiente. Imagina que estás armando un robot con piezas específicas y siguiendo un manual claro. Un Sistema de Diseño proporciona esos “bloques de construcción” para las interfaces de un producto digital, como botones, colores y tipografías, y también las reglas sobre cómo deben usarse. Esto asegura que, sin importar quién esté trabajando en el producto, todo se vea y funcione de manera coherente, como un robot bien ensamblado.

Un sistema de diseño es un conjunto de reglas para un producto que se modifica o puede mutar dependiendo la necesidad del mismo
Holaa ¿Esta plantilla estará disponible? 👩🏼‍🦱

¿Qué es un sistema de diseño?

Los sistemas no son nuevos,de hecho llevan mucho tiempo entre nosotros, Los sistemas de diseño son conjuntos de reglas para un producto que se modifica dependiendo de las necesidades del mismo.

Un sistema de diseño no es una decisión creativa, diseño abarca mcuhas cosas, incluso ingieneria. Es una decisión de negocio

Cómo hacer un sistema de diseño

Principal todo depende de tu comodidad y necesidades, puedes utilizar:

  • Bear
  • Notion
  • Evernote

Estos programas son básicamente para escribir

Partes de un sistema de diseño:

  1. Principios: Marcan la pauta, las normas y todas las reglas
  2. Sistema: Nos dice cual va ser el flujo de creación del producto, que personas interfieren y en que tiempo
  3. Fundations: Son las bases, las columnas que sostienen las partes visuales del producto
  4. Componentes: Son como las pequeñas partes de motor que forman un todo

Pues en conclusión es como un manual de marca flexible para un producto digital. No?

📌 Sistemas de diseño para agilizar y estandarizar

Sistema de Diseño
Es un conjunto de reglas para un producto que se modifica o muta dependiendo de las necesidades del mismo.
Y es en donde se definen reglas para que todos conozcamos hacia donde va el producto y como debe ser construido.
.
Además de eso, un Sistema de Diseño no es una decisión creativa, más que eso es una decisión de negocio, es decir, es una decisión que hace más productiva todo el proceso de una empresa, pero desde el diseñador.
.
Cosas importantes de un sistema de diseño:

  • Que pueda ser consultado (por cualquiera de las partes involucradas en un producto).
  • Y que se pueda compartir (que la gente tenga el conocimiento en sus manos para que pueda ser aplicado).

Design System: Es un conjunto de reglas para un producto que se modifica o puede mutar dependiendo de las necesidades del mismo. | Rulotico Gonzalez

8:55 Eso fue muy inesperado jajja :p

Voy comenzando el curso y ya me cayó muy bien el desgraciado. Tiene una vibra muy positiva el profe! 😂

Los sistemas de diseño por ahora no hay una definición específica de lo que son, especialmente si aplicamos el término a los productos digitales, no existe una definición real de qué es un producto digital, además, dependiendo del enfoque que se quiera hacer, pero para Establecer una definición básica con lo que podemos trabajar:
<Un sistema de diseño es un conjunto de elementos reutilizables, definiciones y patrones que combinados pueden usarse para construir un producto.>

Interesante, realmente quiero ahorrar tiempo, tengo altas espectativas de éste curso

Definición sistema de diseño: Conjunto de reglas para un producto que se modifica o puede mutar, dependiendo las necesidades del mismo.

¡Dentro Curso!

<h1>Sistema de Diseño</h1>

Un sistema de diseño es un conjunto de reglas para un producto que puede mutar dependiendo de las necesidades del mismo.

La palabra diseño es muy ambigua y hoy también ineficiente para explicar lo que un diseñador hace.

Una parte importantes de un sistema de diseño es:

  • Poder ser consultado por cualquiera de las partes involucradas en el producto.

¿Que opinas del DSM de Invision?

El poder del conocimiento: Es tenerlo siempre a la mano.

No he utilizado Notion antes, habra que darle una oportunidad

El sistema de diseño es para un solo producto, o se puede hacer un sistema de diseño para un conjunto de productos??

Empece a usar Notion porque vi esta clase hace dos meses y desde que lo descargue no habia regresado a este curso 😂😂😂

Cool!

Amo el final de ésta clase jajaja

Genial rulotico siempre me aparecido un excelente profesor, Vamos con toa

Genial Rulótico

![](

A muy grandes rasgos, el diseño no es más que la imaginación de un objeto, es decir, su concepción atendiendo a aspectos como la forma, el aspecto, la funcionalidad, la operatividad y la vida útil del mismo. Los diseñadores, por ende, no hacen más que crear objetos físicos, gráficos o de cualquier otra índole, que sirvan para un fin específico y establecido de antemano. Por ejemplo, un diseñador industrial puede prefigurar piezas de maquinaria para automóviles, o bien formas más eficientes de cañería, mientras que otros podrán dedicarse a crear muebles, juguetes, teléfonos, etc.

El diseño como una disciplina autónoma juega un rol vital en el mundo contemporáneo, a un grado tal que se ha asimilado a prácticamente todas las áreas del quehacer humano, y figura entre las carreras de estudio más demandadas internacionalmente.

Fuente: https://concepto.de/diseno/#ixzz6uQJ39vMW

Vamoooss!! unicornio!

Este profe explica genial.

Muy buena onda este profesor, super original del resto.