Pattern Lab

Implementar sistemas de diseño atómico

Pattern Lab es una herramienta de código abierto para crear sistemas de diseño de UI. Su enfoque se basa en la metodología de Diseño Atómico, que separa un sitio web en cinco patrones básicos: átomos, moléculas, organismos, plantillas y páginas. Ofrece kits de inicio de patrones, inicie su proyecto de Pattern Lab con una pizarra en blanco, algunos componentes de muestra o un proyecto de demostración completo.

Pattern Lab emplea la implementación de componentes reutilizables que ahorra tiempo y permite a los usuarios crear sitios web estáticos. Estos componentes, fragmentos de código HTML repetibles llamados patrones, hacen más que acelerar los resultados del trabajo. Promueven una estabilidad constante y sirven como una base de adaptación que los empleados pueden construir y mejorar con el tiempo.

Esto es lo que nos define

PROYECTOS OUTSOURCING ENTREGADOS
+80

PROFESIONALES
+26

CLIENTES
+200

PROYECTOS ENTREGADOS
+300

Principales características

Crea prototipos de UI vivos utilizando datos dinámicos para garantizar que sus componentes puedan manejar la naturaleza dinámica de su contenido.
Pattern Lab no te impone ninguna herramienta o biblioteca, lo que significa que tienes control total sobre cómo crear tu proyecto.
Defina y describa sus patrones de IU para que todo su equipo pueda comenzar a hablar el mismo idioma.
Pattern Lab es compatible con los motores de plantillas Handlebars y Twig. También puede crear un complemento para ampliar aún más las capacidades de Pattern Lab.

Nuestro proceso de selección

1

EXTENSIBLE

Elija su motor de plantillas para adaptarse mejor a su entorno de producción. Además, puede crear un complemento para ampliar aún más las capacidades de Pattern Lab.

2

PATRONES ANIDADOS

Pattern Lab te permite incluir patrones de IU unos dentro de otros como muñecos de anidación rusos. Realice un cambio en un patrón y vea esos cambios reflejados en cualquier lugar donde se incluya el patrón.

3

KITS DE INICIO DE PATRONES

Haga girar Pattern Lab cargado con marcos como Bootstrap, Foundation o Material Design. Pero también comience desde cero y cree su sistema de diseño personalizado.

4

VERSÁTIL

Pattern Lab se puede utilizar para la creación rápida de prototipos o para desarrollar código frontend de nivel de producción. Algunos equipos incluso lo han modificado para potenciar sus sitios en vivo.