Иван Мешков подготовил базовый гайд для создания согласованного набора иконок в Figma. Он рассказал, как определить размер иконок, какими должны быть настройки у шейпов, как их хранить в библиотеке, и другие тонкости.
Несколько советов из статьи:
• Размер иконки обычно выбирают опираясь на базовую ячейку в проекте. Например, если она равна 4 px, то можно сделать иконку 24 × 24, а если 5 px, то уже 25 × 25
• Используйте одни и те же скругления. Если у вас внешний радиус 2 px, а внутренний — 1 px, то они должны быть такими во всех иконках набора
• Иконка не обязательно должна строго вписываться в охранные поля. Она может быть немного больше или меньше их. Главное — визуальный баланс, при котором иконки в наборе будут выглядеть равновесными
• После отрисовки шейпы иконки нужно объединить в один, с помощью функции Flatten. Затем в настройках Constraints выбрать Scale
• Называйте иконки по внешнему виду, а не по смыслу. Например, иконку «Избранное» с изображением сердца нужно назвать «heart»
#статья
