Посилання та матеріали

Шаблон зразку кольору (color swatch): https://www.figma.com/file/kZcH0MRofZ0Cc5VEDkb5tV/Swatch-template?node-id=1%3A5, копіюйте собі через Duplicate:

Чому top component, a не master component: https://www.wired.com/story/tech-confronts-use-labels-master-slave/

Пояснення про кольори: https://www.loom.com/share/7c44491f257c40ba8bbe5aa2d7210f80?sharedAppSource=personal_library

Пояснення про текст: https://www.loom.com/share/6d2da07123644dfc87bc85e103f44a3b?sharedAppSource=personal_library

Слайди

https://www.dropbox.com/sh/c6i222d5e2d6uex/AABdY6DoMMH-XxOcFgBWgO6Na?dl=0

Популярні зауваження

• Автолейяут робимо коли в нас є >2 складових — текст + його фон (як було в банерах) або текст + ще рядок тексту або текст + іконка тощо. Тож якщо це просто рядок тексту без фону, то ані автолейяут ані компонент йому не потрібен, лишаємо просто текстом зі стилем.

• Коли ви огортаєте елементи в автолейяут-групи, зазвичай, то додаткові рамки навколо них (padding), якщо у вас нема додаткового фону вашої автолейяут-групи, вам не потрібні.

Дивіться на виділений інпут з іконкою квадратика в квадратику на скрінах; тут він 0

А тут — 100. До речі, вже помічаєте, що цей сірий колір — занадто світлий та не пройде перевірку на контрастність? Ноушен взагалі, на жаль, не дуже доступний (але такий зручний!) інструмент.

Тому, хто хоче більше