<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Sistema-De-Diseño on Fernando Ruiz</title><link>https://www.fernandoux.com/tags/sistema-de-dise%C3%B1o/</link><description>Recent content in Sistema-De-Diseño on Fernando Ruiz</description><generator>Hugo</generator><language>en-us</language><atom:link href="https://www.fernandoux.com/tags/sistema-de-dise%C3%B1o/index.xml" rel="self" type="application/rss+xml"/><item><title>Storybook</title><link>https://www.fernandoux.com/es/wiki/herramientas/storybook/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.fernandoux.com/es/wiki/herramientas/storybook/</guid><description>&lt;div class="info-panel"&gt;
 &lt;div class="info-header"&gt;
 &lt;span class="material-symbols-outlined info-panel-icon"&gt;info&lt;/span&gt;
 &lt;span class="info-panel-label"&gt;Definición Rápida&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="info-content"&gt;
 Storybook es una herramienta de desarrollo de código abierto para construir, probar y documentar componentes de UI de forma aislada. Permite a los desarrolladores crear componentes en un entorno de &amp;ldquo;sandbox&amp;rdquo; fuera de la aplicación principal, lo que facilita la visualización de todos sus estados y la colaboración con los diseñadores.
 &lt;/div&gt;
&lt;/div&gt;

&lt;h2 id="qué-es-storybook"&gt;¿Qué es Storybook?&lt;/h2&gt;
&lt;p&gt;Imagina que estás construyendo un coche con piezas de LEGO. Storybook es como un taller donde puedes construir y probar cada pieza por separado antes de ensamblar el coche. Puedes construir el motor (un componente complejo) y probarlo por sí solo, o puedes construir una simple rueda (un botón) y ver todos sus colores y tamaños disponibles, todo sin necesidad de tener el chasis del coche completo.&lt;/p&gt;</description></item><item><title>Storybook</title><link>https://www.fernandoux.com/es/wiki/tools/storybook/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.fernandoux.com/es/wiki/tools/storybook/</guid><description>&lt;div class="info-panel"&gt;
 &lt;div class="info-header"&gt;
 &lt;span class="material-symbols-outlined info-panel-icon"&gt;info&lt;/span&gt;
 &lt;span class="info-panel-label"&gt;Definición Rápida&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="info-content"&gt;
 Storybook es una herramienta de desarrollo de código abierto para construir, probar y documentar componentes de UI de forma aislada. Permite a los desarrolladores crear componentes en un entorno de &amp;ldquo;sandbox&amp;rdquo; fuera de la aplicación principal, lo que facilita la visualización de todos sus estados y la colaboración con los diseñadores.
 &lt;/div&gt;
&lt;/div&gt;

&lt;h2 id="qué-es-storybook"&gt;¿Qué es Storybook?&lt;/h2&gt;
&lt;p&gt;Imagina que estás construyendo un coche con piezas de LEGO. Storybook es como un taller donde puedes construir y probar cada pieza por separado antes de ensamblar el coche. Puedes construir el motor (un componente complejo) y probarlo por sí solo, o puedes construir una simple rueda (un botón) y ver todos sus colores y tamaños disponibles, todo sin necesidad de tener el chasis del coche completo.&lt;/p&gt;</description></item><item><title>Zeroheight</title><link>https://www.fernandoux.com/es/wiki/herramientas/zeroheight/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.fernandoux.com/es/wiki/herramientas/zeroheight/</guid><description>&lt;div class="info-panel"&gt;
 &lt;div class="info-header"&gt;
 &lt;span class="material-symbols-outlined info-panel-icon"&gt;info&lt;/span&gt;
 &lt;span class="info-panel-label"&gt;Definición Rápida&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="info-content"&gt;
 Zeroheight es una plataforma online que permite crear, documentar y mantener sitios web de [[Sistema de Diseño]] de una manera centralizada y colaborativa. Se integra directamente con herramientas de diseño como Figma y herramientas de desarrollo como [[Storybook]] para crear una &amp;ldquo;fuente única de verdad&amp;rdquo; para todo tu sistema de diseño.
 &lt;/div&gt;
&lt;/div&gt;

&lt;h2 id="qué-es-zeroheight"&gt;¿Qué es Zeroheight?&lt;/h2&gt;
&lt;p&gt;Imagina que tu [[Sistema de Diseño]] es un libro de cocina. Figma es donde diseñas las fotos de los platos (los componentes visuales). [[Storybook]] es donde los chefs escriben y prueban las recetas (el código de los componentes). Zeroheight es la editorial que coge esas fotos y esas recetas y las publica en un libro de cocina online, bonito y fácil de usar para que todo el mundo en el &amp;ldquo;restaurante&amp;rdquo; (tu empresa) sepa cómo cocinar los platos de forma consistente.&lt;/p&gt;</description></item><item><title>Zeroheight</title><link>https://www.fernandoux.com/es/wiki/tools/zeroheight/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.fernandoux.com/es/wiki/tools/zeroheight/</guid><description>&lt;div class="info-panel"&gt;
 &lt;div class="info-header"&gt;
 &lt;span class="material-symbols-outlined info-panel-icon"&gt;info&lt;/span&gt;
 &lt;span class="info-panel-label"&gt;Definición Rápida&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="info-content"&gt;
 Zeroheight es una plataforma online que permite crear, documentar y mantener sitios web de [[Sistema de Diseño]] de una manera centralizada y colaborativa. Se integra directamente con herramientas de diseño como Figma y herramientas de desarrollo como [[Storybook]] para crear una &amp;ldquo;fuente única de verdad&amp;rdquo; para todo tu sistema de diseño.
 &lt;/div&gt;
&lt;/div&gt;

&lt;h2 id="qué-es-zeroheight"&gt;¿Qué es Zeroheight?&lt;/h2&gt;
&lt;p&gt;Imagina que tu [[Sistema de Diseño]] es un libro de cocina. Figma es donde diseñas las fotos de los platos (los componentes visuales). [[Storybook]] es donde los chefs escriben y prueban las recetas (el código de los componentes). Zeroheight es la editorial que coge esas fotos y esas recetas y las publica en un libro de cocina online, bonito y fácil de usar para que todo el mundo en el &amp;ldquo;restaurante&amp;rdquo; (tu empresa) sepa cómo cocinar los platos de forma consistente.&lt;/p&gt;</description></item></channel></rss>