Стилі у Figma: Створення Послідовних Дизайн-Систем для UI/UX

Стилі допомагають організувати кольори та текст у проєкті, усуваючи необхідність запам'ятовувати їхні властивості. Це швидкий спосіб впорядкувати ваш проєкт.

• Щоб створити стиль кольору, виберіть об'єкт, перейдіть до Design Panel, натисніть Fill icon, потім натисніть (+) для створення нового стилю;
• Назвіть стиль і за бажанням додайте опис;
• Ви можете застосовувати стилі, вибравши об'єкт, перейшовши до Fill і натиснувши чотири крапки для доступу до збережених стилів;
• Створіть текст, перейдіть до Typography у Design Panel і натисніть чотири крапки;
• Натисніть + для створення нового текстового стилю, назвіть його та встановіть властивості;
• Використання техніки іменування через слеш (наприклад, Red/Brick і Red/Pastel) дуже корисне, якщо ви хочете організувати стилі у групи. Такі згруповані стилі можна згортати або розгортати у панелі Local Styles;
• Щоб змінити стиль, від'єднайте його (аналогічно до від'єднання екземпляра) і внесіть потрібні зміни;
• Щоб видалити стиль, клацніть правою кнопкою миші на стилі у панелі Local Styles і виберіть Delete.