Плагин для Sketch, который предоставляет полезные инструменты для создания макетов диаграмм (гистограмма, столбчатая диаграмма, линейный график, и т. д.)

Скачать плагин

Пример использования Sketch Transform

Вот как я использую этот плагин для ускорения процесса работы при создании макетов диаграмм в Sketch.

Гистограммы

Вот так я создаю фейковую колонку гистограммы, которая вписывается в заданный размер и выравнивается по границам пикселей.

  1. Рисую прямоугольник размером с будущую диаграмму
  2. В меню плагинов выбираю Plugins→Transform→Split into grid
  3. Выставляю нужное количество колонок (или горизонтальных полос). Например, для гистограммы, советую оставить расстояние между колонками (gutter) на значении 0
  4. Выбираю все, кроме первого прямоугольника (так он останется в оригинальном размере)
  5. Выбираю Plugins→Transform→Resize each
  6. Для колонок диаграммы выставляю отрицательную высоту (ширину, для гистограммы)
  7. Включаю «Cumulative» (каждая колонка становится меньше) и «Randomize», чтобы разнообразить данные
  8. Выбираю все столбцы и выравниваю по необходимому значению

Л

Скачать плагин