66 lines
2.7 KiB
Markdown
66 lines
2.7 KiB
Markdown
---
|
||
title: Анализ дизайна
|
||
description: Аудит цветов, типографики, отступов и повторяющихся паттернов в .fig-файлах.
|
||
---
|
||
|
||
# Анализ дизайна
|
||
|
||
Команды `analyze` проводят аудит всей дизайн-системы из терминала — находят несоответствия, извлекают реальную палитру, обнаруживают компоненты, которые стоит выделить.
|
||
|
||
## Цвета
|
||
|
||
```sh
|
||
openpencil analyze colors design.fig
|
||
```
|
||
|
||
Находит каждый цвет в файле, подсчитывает использование и показывает визуальную гистограмму:
|
||
|
||
```
|
||
#1d1b20 ██████████████████████████████ 17155×
|
||
#49454f ██████████████████████████████ 9814×
|
||
#ffffff ██████████████████████████████ 8620×
|
||
#6750a4 ██████████████████████████████ 3967×
|
||
```
|
||
|
||
## Типографика
|
||
|
||
```sh
|
||
openpencil analyze typography design.fig
|
||
```
|
||
|
||
Выводит список всех комбинаций шрифтов, размеров и начертаний с количеством использований. Помогает обнаружить единичные стили текста, которые следует унифицировать.
|
||
|
||
## Отступы
|
||
|
||
```sh
|
||
openpencil analyze spacing design.fig
|
||
```
|
||
|
||
Анализирует значения gap и padding во фреймах с автолейаутом. Помогает выявить несоответствия в шкале отступов — например, случайный `13px` среди стандартных значений `8/16/24`.
|
||
|
||
## Кластеры
|
||
|
||
```sh
|
||
openpencil analyze clusters design.fig
|
||
```
|
||
|
||
Находит повторяющиеся паттерны узлов, которые можно выделить в компоненты:
|
||
|
||
```
|
||
3771× frame "container" (100% match)
|
||
size: 40×40, structure: Frame > [Frame]
|
||
|
||
2982× instance "Checkboxes" (100% match)
|
||
size: 48×48, structure: Instance > [Frame]
|
||
```
|
||
|
||
## JSON-вывод
|
||
|
||
Все команды анализа поддерживают `--json` для машиночитаемого вывода:
|
||
|
||
```sh
|
||
openpencil analyze colors design.fig --json
|
||
```
|
||
|
||
Передавайте в `jq`, используйте в CI-проверках или в скриптах, контролирующих бюджет дизайн-токенов.
|