66 lines
2 KiB
Markdown
66 lines
2 KiB
Markdown
---
|
||
title: Analizar Diseños
|
||
description: Audita colores, tipografía, espaciado y patrones repetidos en archivos .fig.
|
||
---
|
||
|
||
# Analizar Diseños
|
||
|
||
Los comandos `analyze` auditan un sistema de diseño completo desde la terminal — encuentra inconsistencias, extrae la paleta real, detecta componentes que esperan ser extraídos.
|
||
|
||
## Colores
|
||
|
||
```sh
|
||
openpencil analyze colors design.fig
|
||
```
|
||
|
||
Encuentra cada color en el archivo, cuenta el uso y muestra un histograma visual:
|
||
|
||
```
|
||
#1d1b20 ██████████████████████████████ 17155×
|
||
#49454f ██████████████████████████████ 9814×
|
||
#ffffff ██████████████████████████████ 8620×
|
||
#6750a4 ██████████████████████████████ 3967×
|
||
```
|
||
|
||
## Tipografía
|
||
|
||
```sh
|
||
openpencil analyze typography design.fig
|
||
```
|
||
|
||
Lista cada combinación de familia tipográfica, tamaño y peso con conteos de uso. Útil para detectar estilos de texto aislados que deberían consolidarse.
|
||
|
||
## Espaciado
|
||
|
||
```sh
|
||
openpencil analyze spacing design.fig
|
||
```
|
||
|
||
Audita los valores de gap y padding en los frames con auto-layout. Ayuda a identificar inconsistencias en la escala de espaciado — por ejemplo, un gap de `13px` suelto entre valores de `8/16/24`.
|
||
|
||
## Clusters
|
||
|
||
```sh
|
||
openpencil analyze clusters design.fig
|
||
```
|
||
|
||
Encuentra patrones de nodos repetidos que podrían extraerse como componentes:
|
||
|
||
```
|
||
3771× frame "container" (100% match)
|
||
size: 40×40, structure: Frame > [Frame]
|
||
|
||
2982× instance "Checkboxes" (100% match)
|
||
size: 48×48, structure: Instance > [Frame]
|
||
```
|
||
|
||
## Salida JSON
|
||
|
||
Todos los comandos de análisis soportan `--json` para salida legible por máquinas:
|
||
|
||
```sh
|
||
openpencil analyze colors design.fig --json
|
||
```
|
||
|
||
Envía a `jq`, alimenta verificaciones de CI, o úsalo en scripts que controlen presupuestos de tokens de diseño.
|