Atlassian Design System

pautas integrales y componentes de Figma para interfaces de producto consistentes y accesibles.

Descripción General

Atlassian Design System (ADS) es el marco oficial de Atlassian para construir experiencias de usuario consistentes, escalables y accesibles en todos sus productos como Jira, Confluence y Trello. Proporciona componentes de UI reutilizables, tokens de diseño, patrones y pautas para garantizar la alineación de la marca y la eficiencia del desarrollador.

Ideal para

Ideal para diseñadores y desarrolladores que construyen UIs consistentes y escalables en todos los productos de Atlassian como Jira, Confluence y Trello.

Características Principales

Biblioteca de componentes: Elementos reutilizables como botones, formularios, navegación y visualizaciones de datos con variantes y estados.
Tokens de diseño: Colores semánticos, tipografía, espaciado, iconos y movimiento para consistencia temática.
Kit de Figma: Archivo comunitario oficial con componentes de auto-layout para prototipado rápido.
Pautas: Accesibilidad, capacidad de respuesta y mejores prácticas para diseño inclusivo.

Pros

+Código abierto
+Colaboración en tiempo real
+Biblioteca extensa de iconos
+Generación de paletas de colores

Contras

-La adopción requiere alineación del equipo
-La personalización puede ser compleja

/// ESPECIFICACIONES

Precio:
Free
Plataforma:
Browser

/// Herramientas Similares

AWS Amplify

Componentes de Figma para construir aplicaciones con Amplify con un lenguaje de diseño AWS coherente.

Animalia DS

sistema de diseño integral para componentes de UI y pautas consistentes en aplicaciones Animali.

Elastic UI

Framework React open-source Elastic interfaces empresariales

Airtable UI Kit

Componentes de Figma para diseñar aplicaciones integradas con Airtable con patrones de UI consistentes.

Backstage Design System

Kit de Figma para portales de desarrolladores de Backstage con componentes de UI y pautas.

Base Gallery

Archivo comunitario de Figma que muestra una colección de componentes de UI para inspiración de diseño y prototipado.

Carbon Design System

Marco UI open-source de IBM para productos empresariales coherentes y accesibles.

Cloudscape Design System

Framework UI open-source AWS aplicaciones cloud empresariales

Evergreen

Framework React open-source Segment Twilio apps empresariales

SAP Design System

Framework open-source interfaces SAP coherentes