Головна сторінка / Макети для верстки

Макети для верстки

Як переглядати макети в Figma

У цьому відео розповідається про те:

  • 2:17 Як користуватись Figma в режимі View only
  • 2:54 Як переглядати властивості (розмір, колір тощо) вибраних елементів на панелі Inspect
  • 3:26 Як експортувати картинки та інші ресурси

Відео нижче розпочнеться з 2:17, мова — англійська, але можна включити субтитри. Варто зауважити, що зараз панель Inspect не відображає правила CSS, тому що тепер цей функціонал платний. Проте, властивості, як і раніше, можна подивитися в тій же панелі, також можна скористатися плагіном Inspect Styles від стороннього розробника, який має повернути втрачений функціонал.

Інструкція по використанню Figma для новачків

Кожен макет містить кілька сторінок

Не забувайте перемикатися між сторінками, як сказано у відео. На різних сторінках можна знайти різні версії дизайну, а також адаптовані під різні пристрої варіанти макета.
derevo stranits v dokumentі Figma

Дизайн від користувача @shawon3 (Shawon Farabi)

Що всередині

Макет e-commerce майданчика. Безліч повторюваних елементів та популярний дизайн. Набуті навички в процесі верстки таких сторінок точно знадобляться в майбутньому.

Дизайн від користувача @sejal_ui_ux (Seju)

Що всередині

Макет адміністративної панелі сайту. Графіки на канвасі верстати не потрібно =), а ось зверстати всілякі віджети та екрани буде дуже корисно.

Ukrainian
Перейдіть до верхньої частини