Назад

Захоплення сайту в Figma

Покрокова інструкція.

1

Встановити розширення

Перейдіть до Chrome Web Store, 'Додати в Chrome'.

2

Захопити сторінку

  1. На сторінку.
  2. Іконка PixelSync.
  3. 'Захопити'.
  4. Скопійовано.
💡Спочатку прокрутіть.
3

Вибрати елемент

'Вибрати елемент':

  1. Іконка.
  2. 'Вибрати'.
  3. Натисніть.
💡Для компонентів.
4

Вставити в Figma

Figma, ⌘V (Ctrl+V).

Без плагіна.

5

AI-дизайни ⭐ Рекомендоване

Найшвидший спосіб. Будь-яка сторінка.

Claude

Artifacts з браузера.

ChatGPT

Canvas, HTML/CSS.

v0

Сторінки v0.

Bolt

Додатки Bolt.

Lovable

Сторінки Lovable.

💡Ітерація дизайну.
6

Розумне очищення

Увімкніть очищення.

💡Для вкладеного HTML.
7

За логіном

Захоплює все.

Дані не залишають пристрій.

8

Мобільні

Поточний viewport:

  1. DevTools (F12).
  2. Ширина (375px).
  3. Перезавантажити.
  4. Захопити.
9

Темна/світла

Поточний prefers-color-scheme:

  1. Захопити.
  2. Перемкнути.
  3. Перезавантажити.
10

Поради

  • •Прокрутіть.
  • •Вибір елемента.
  • •Очищення.
  • •Font-family.
  • •CSS спрощується.
  • •Кросс-origin.
  • •Точка старту.
  • •Без авто-прокрутки.

Готові?

Безкоштовно — 15/міс.

Встановити безкоштовно