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

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

• Щоб створити колірний стиль, виберіть об'єкт, перейдіть до Панелі дизайну, натисніть іконку Заповнення, потім натисніть іконку (+) для створення нового стилю;
• Назвіть стиль і за бажанням додайте опис;
• Ви можете застосовувати стилі, вибравши об'єкт, перейшовши до Заповнення та натиснувши чотири крапки для доступу до збережених стилів;
• Створіть текст, перейдіть до Типографіки у Панелі дизайну та натисніть чотири крапки;
• Натисніть + для створення нового текстового стилю, назвіть його та встановіть властивості;
• Використання техніки іменування зі слешем (наприклад, Red/Brick і Red/Pastel) дуже корисне, якщо ви хочете організувати стилі у групи. Такі згруповані стилі можна згортати або розгортати у панелі Локальні стилі;
• Щоб змінити стиль, від'єднайте його (аналогічно від'єднанню екземпляра) та внесіть потрібні зміни;
• Щоб видалити стиль, клацніть правою кнопкою миші на стилі у панелі Локальні стилі та виберіть Видалити.