Kembali

Tangkap laman web ke Figma

Panduan langkah demi langkah.

1

Pasang extension

Ke Chrome Web Store.

2

Tangkap halaman

  1. Ke halaman.
  2. Ikon.
  3. Tangkap.
  4. Disalin.
💡Tatal dahulu.
3

Pilih elemen

Pilih elemen:

  1. Ikon.
  2. Pilih.
  3. Klik.
💡Untuk komponen.
4

Tampal di Figma

Figma, ⌘V (Ctrl+V).

Tiada plugin.

5

Reka bentuk AI ⭐ Pilihan

Paling pantas. Semua halaman.

Claude

Artifacts.

ChatGPT

Canvas.

v0

v0.

Bolt

Bolt.

Lovable

Lovable.

💡Iterasi reka bentuk.
6

Pembersihan

Aktifkan pembersihan.

💡HTML bersarang.
7

Halaman login

Tangkap semua.

Data tempatan.

8

Mobil/tablet

Viewport semasa:

  1. DevTools (F12).
  2. Lebar.
  3. Muat semula.
  4. Tangkap.
9

Dark/light

prefers-color-scheme semasa:

  1. Tangkap.
  2. Tukar.
  3. Muat semula.
10

Tip

  • •Tatal.
  • •Pilih.
  • •Bersihkan.
  • •Font-family.
  • •CSS.
  • •Cross-origin.
  • •Titik mula.
  • •Tiada auto-scroll.

Sedia?

Percuma — 15/bulan.

Pasang percuma