Cree, envíe y mantenga sistemas de diseño retroiluminados trucos CSS
Los sistemas de diseño son todo trabajo en estos días. Se contratan agencias para crearlos. Se han creado equipos internos para procesarlos, enviarlos para que otros equipos puedan usarlos y ayudar a garantizar que lo hagan. Los sistemas de diseño no son una moda, son una evolución positiva de la forma en que se hace el diseño digital. Iluminar desde el fondo es la mejor herramienta universal para desarrollar el diseño de sistemas.
Creo que es interesante empezar a pensar en eso al final. ¿Cuál es el mejor escenario posible para un sistema de diseño de sitios web? Creo que esto es cuando publicas una versión de un sistema diseñado en npm. De esta forma, los equipos pueden aplicarlo como una dependencia del proyecto y utilizarlo. ¿Cómo lo haces? Tu sistema de diseño está en GitHub y publicas desde allí. ¿Cómo haces eso? Está trabajando en su sistema de diseño a través de un entorno de desarrollo que apunta a GitHub. Qué es Backlight Este es el entorno de desarrollo.
Gire todo el sistema de diseño en segundos
¿Quieres verme hacerlo?
tu no tener elegir una plantilla de partida, pero es instructivo ver todas las posibilidades. La retroiluminación no está especialmente adaptada a la tecnología que desea utilizar para el sistema. Componentes iluminados y web? Estupendo. ¿Reacción y emoción? Frio. ¿Solo Vue? ¿Está bien Nunjucks y Sass? Esto funciona.
Tener un sistema de diseño inicial realmente te da una ventaja aquí. Si te gusta usar algo listo y luego personalizarlo, trabajarás increíblemente rápido. Algo que puedas imaginar tomará algunas semanas para descubrirlo y establecerse, sucede en un instante. Y si quieres ser 100% personalizado para todo, todavía está completamente sobre la mesa.
Señalarlo a GitHub
Incluso si todavía está probando, creo que es increíblemente fácil e impresionante cómo puede crear un repositorio de GitHub (o GitLab) y hacer clic en él con unos pocos clics.
Para mí, este es el momento en que realmente se vuelve real. Esta no es una herramienta de terceros donde todos están 100% obligados a usarla y usted está bloqueado para siempre y en realidad solo es útil cuando las personas compran una herramienta de terceros. Iluminar desde el fondo simplemente adopta muchas prácticas estándar de la industria y hace que sea más fácil y conveniente trabajar con ellas.
Luego insértelo en el registro.
Como dije anteriormente, este es el gran momento para cualquier sistema de diseño. Cuando lo envía a un registro de paquetes como npm o Paquetes de GitHubesto significa que cualquiera que desee usar su sistema de diseño ahora puede instalarlo y usarlo como cualquier otra dependencia.
En Backlight, solo es cuestión de hacer clic en algunos botones.
Con la membresía PRO, puede cambiar el alcance de su propia organización. Pronto podrá gestionar todas las ediciones de su sistema de diseño directamente desde aquí, incluidas las versiones principales, secundarias y parches.
hacer un componente
Nunca antes había usado Backlight, nadie me ayudó y no leí nada de la documentación (saludable). Simplemente hice clic y creé un nuevo componente fácilmente. En mi caso, hice un nuevo Nunjucks aquí. macro
, creó algunos estilos SCSS y luego creó una demostración como "historia" en Storybook. Todo lo que hice fue reenviar un componente existente para ver cómo funcionaba todo.
Como uno de los creadores de CodePen, por supuesto, aprecio la calidad del IDE en el navegador por todo esto. Se ejecuta muy rápido, bloquea los cambios de código (parece un proceso de Vite) y le advierte útilmente sobre cualquier error.
Ahora, dado que este es un sistema de diseño muy serio, no impondría directamente este nuevo componente master
en nuestro repositorio, primero se convierte en una rama y luego me comprometo con ella. No necesitas saber nada sobre Git para hacer esto, mira lo fácil que es:
¡Hola interesados!
Los sistemas de diseño son tan tecnológicos como las personas. Hay que hablar de los sistemas de diseño. Realmente aprecio cómo puedo compartir Backlight con cualquier persona, incluso si no han iniciado sesión. Simplemente copie el enlace para compartir (que nadie hubiera adivinado) y váyase.
Hay muchos aquí.
Aquí puede gestionar todo un sistema de diseño. Usted administra todo, desde el nivel del token atómico hasta la creación de páginas de muestra y el ensamblaje del sistema. Literalmente, escribe el código para crear todas estas cosas, incluidas plantillas, historias y pruebas, allí mismo, en Backlight.
¿Qué pasa con las personas de su equipo que realmente no pueden ser persuadidas para abandonar su entorno de desarrollo local? ¡Backlight entiende esto y no los obliga a hacerlo! Hay una luz de fondo CLI lo que permite el desarrollo local, incluida la rotación de un servidor para obtener una vista previa del trabajo activo.
Pero eso no se detiene allí. Puede crear documentación para todo exactamente en Backlight. ¡Los sistemas de diseño a menudo se explican mejor con palabras! Y los sistemas de diseño en realidad puede comenzar su vida (o vivir una vida paralela) en un software totalmente centrado en el diseño como Figma, Sketch o Adobe XD. Es posible vincular documentos de diseño directamente a Backlight, lo que los hace fáciles de encontrar y mucho más organizados.
¡Estoy muy impresionado! Al principio no estaba seguro de qué hacer con una herramienta que quiere ser una herramienta completa para diseñar sistemas, sabiendo lo complejo que es el mundo entero, pero Iluminar desde el fondo realmente se entrega de una manera que encuentro muy satisfactoria, especialmente porque lo realizo desde el rol de desarrollador principal, diseñador y gerente.
Deja una respuesta