66 lines
2.7 KiB
Markdown
66 lines
2.7 KiB
Markdown
|
---
|
|||
|
|
title: Анализ дизайна
|
|||
|
|
description: Аудит цветов, типографики, отступов и повторяющихся паттернов в .fig-файлах.
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
# Анализ дизайна
|
|||
|
|
|
|||
|
|
Команды `analyze` проводят аудит всей дизайн-системы из терминала — находят несоответствия, извлекают реальную палитру, обнаруживают компоненты, которые стоит выделить.
|
|||
|
|
|
|||
|
|
## Цвета
|
|||
|
|
|
|||
|
|
```sh
|
|||
|
|
open-pencil analyze colors design.fig
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Находит каждый цвет в файле, подсчитывает использование и показывает визуальную гистограмму:
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
#1d1b20 ██████████████████████████████ 17155×
|
|||
|
|
#49454f ██████████████████████████████ 9814×
|
|||
|
|
#ffffff ██████████████████████████████ 8620×
|
|||
|
|
#6750a4 ██████████████████████████████ 3967×
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## Типографика
|
|||
|
|
|
|||
|
|
```sh
|
|||
|
|
open-pencil analyze typography design.fig
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Выводит список всех комбинаций шрифтов, размеров и начертаний с количеством использований. Помогает обнаружить единичные стили текста, которые следует унифицировать.
|
|||
|
|
|
|||
|
|
## Отступы
|
|||
|
|
|
|||
|
|
```sh
|
|||
|
|
open-pencil analyze spacing design.fig
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Анализирует значения gap и padding во фреймах с автолейаутом. Помогает выявить несоответствия в шкале отступов — например, случайный `13px` среди стандартных значений `8/16/24`.
|
|||
|
|
|
|||
|
|
## Кластеры
|
|||
|
|
|
|||
|
|
```sh
|
|||
|
|
open-pencil 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
|
|||
|
|
open-pencil analyze colors design.fig --json
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Передавайте в `jq`, используйте в CI-проверках или в скриптах, контролирующих бюджет дизайн-токенов.
|