← Todos los plugins

Spec Sheet

Convierte cualquier componente en una especificación lista para desarrollo: props, variantes, anatomía, medidas y tokens.

Qué hace

Spec Sheet lee un componente, un set de componentes o cualquier instancia y junta lo que pide quien desarrolla: cada propiedad con su tipo, valor por defecto y opciones, cada variante con su tamaño, las partes numeradas, el auto layout (padding, gap, alineación, tamaño, radio, borde) y cada variable y estilo que usa el componente, con su valor final.

También lista los colores, tamaños y espaciados que siguen escritos a mano, así que la especificación sirve además como auditoría de tokens. Dibuja el tablero junto al componente con las secciones que quieras, vuelve a correrlo después de un cambio para actualizarlo en su lugar, o copia todo en Markdown o JSON. En Dev Mode lee y copia sin cambiar el archivo.

  1. Cada propiedad, con su tipo

    Variantes, booleanas, texto e intercambios, con valores por defecto y opciones.

  2. La anatomía, numerada

    Cada parte con su tipo, el componente que usa y su tamaño.

  3. Tokens, y lo que aún no lo es

    Variables y estilos con sus valores, más lo que sigue escrito a mano.

  4. Medidas que se pueden copiar

    Padding, gap, alineación, tamaño, radio y borde.

Todo lo que hace

Lee

  • Propiedades de variante, booleanas, de texto y de intercambio
  • Cada variante con su tamaño, partes numeradas
  • Auto layout: padding, gap, alineación, tamaño, radio, borde

Tokens

  • Variables con su colección y su valor final
  • Estilos de color, texto y efecto
  • Colores, tipografía, espaciado y radios escritos a mano

Dibuja y exporta

  • Tablero con las secciones que elijas, redibujado en su lugar
  • Grilla de variantes, marcas de anatomía, medidas de espaciado
  • Markdown y JSON, también en Dev Mode

10 usos gratis, luego una licencia o Lab Pro. Ver precios →

Más plugins