Figma ke HTMLKonversi Desain ke HTML

Desain Figma Anda dibangun dalam HTML dan CSS: halaman dari frame yang diekspor, dengan versi ponsel

Biasanya selesai dalam 15 menitTermasuk revisiPemeriksaan kualitas
Perlindungan pembayaranSelengkapnya
  • Revisi dalam batas paket tidak dikenai biaya.
  • Jika Anda tidak merespons dalam 3 hari setelah penyerahan hasil, hasil kerja diterima secara otomatis.
Pesan · Rp 663.000

Uang ditahan saat Anda membayar dan diteruskan hanya setelah Anda menerima hasil kerja.

Desain Figma Anda dibangun dalam HTML dan CSS: halaman dari frame yang diekspor, dengan versi ponsel

Contoh hasil

Contoh untuk paket Standar

Beranda klinik gigi yang dibuat dari desainnya

Sebelum: desain yang dikirim klien

Desain beranda

Sesudah: halaman yang sudah berfungsi

Halaman di komputer Halaman di ponsel

File: arsip ZIP berisi index.html, file style, dan 2 gambar untuk halaman, siap diunggah ke hosting klien. Gambar di sini adalah tangkapan layar halaman.

Klien: Bright Smile Dental. Tugas: mengubah desain beranda menjadi halaman HTML yang berfungsi dengan tata letak, warna, dan teks yang sama, serta tombol reservasi yang langsung menelepon klinik.

Klien dan semua datanya fiktif.

Tentang layanan ini

Desain Anda sudah siap di Figma dan Anda membutuhkannya sebagai halaman yang berfungsi. Ekspor frame sebagai PNG pada 1x atau 2x dan unggah, lalu kami membangunnya dalam HTML dan CSS: bagian, grid, jarak, warna, dan tombol yang sama, dengan teks asli alih-alih gambar teks. Jika Anda punya frame mobile, kami mengikutinya; jika tidak, kami membuat versi ponsel dari frame desktop. Kami tidak dapat membuka file .fig atau tautan Figma, jadi layer, komponen, varian, dan tautan prototipe tidak terbaca: apa pun yang tidak terlihat di hasil ekspor, seperti warna hover, ditulis di brief. Foto dibuat ulang kecuali Anda mengunggahnya. Tanpa animasi, back end, CMS, atau hosting.

Yang termasuk

  • Yang Anda dapatkanArsip ZIP berisi halaman, gaya, dan gambar, siap diunggah ke hosting Anda, serta pratinjau setiap halaman di halaman pesanan.
  • Setia pada frame AndaBagian, grid, jarak, warna, dan ukuran huruf sesuai hasil ekspor
  • Versi ponselDari frame mobile Anda, atau dibuat dari frame desktop
  • Teks asliJudul dan paragraf sebagai HTML yang dibaca mesin pencari
  • Gambar Anda, jika Anda mengirimkannyaFoto dan ikon yang diekspor terpisah dipasang apa adanya; sisanya dibuat ulang
  • Kode yang bersihHTML dan CSS biasa, tanpa framework, tidak ada yang dimuat dari situs lain

Cara kerja

  1. 1
    EksporAnda mengekspor frame sebagai PNG, mengunggahnya, dan mencatat hal yang tidak terlihat
  2. 2
    PembuatanKami membangun halaman dan membuat gambar yang belum ada
  3. 3
    Pratinjau dan arsipAnda membandingkan halaman dengan desain Anda di komputer dan ponsel, mengunduh arsip, dan mengajukan perubahan sesuai paket Anda

Yang kami butuhkan dari Anda

Hingga 5 gambar PNG, JPEG, atau WebP: frame yang diekspor dari Figma pada 1x atau 2x, satu halaman per file, ditambah, jika mau, foto, ilustrasi, atau logo Anda yang diekspor terpisah untuk dipakai apa adanya. Sebutkan frame mana untuk halaman mana, nama font yang Anda pakai, state hover atau terbuka yang tidak tampak di hasil ekspor, dan ke mana setiap tombol mengarah. Bukan file .fig atau tautan Figma.

Kami akan menanyakan:

  • Frame mana untuk halaman mana?
  • Font dalam desain
  • State yang tidak tampak di hasil ekspor
  • Ke mana setiap tombol mengarah?
  • Apakah desain ini milik Anda?

Bandingkan paket

Dasar1 frame Figma, hingga 5 bagianRp 357.000Standar1 frame Figma, hingga 10 bagianRp 663.000PremiumHingga 3 frame FigmaRp 1.139.000
Tenggat1 hari2 hari3 hari
Revisi123
Halaman113
Bagianhingga 5hingga 10hingga 8 per halaman
Gambar ilustrasi untuk halaman246
Versi ponselYaYaYa
Yang perlu diunggahEkspor PNG dari frameEkspor PNG dari frameEkspor PNG dari frame
PesanPesanPesan

Perlindungan pembayaran

Anda membayar saat memesan, tetapi uangnya diteruskan hanya untuk hasil kerja yang diterima.

  • Harga pastiHarga paket tidak berubah setelah Anda membayar.
  • Uang ditahanSaat Anda membayar, jumlahnya hanya ditahan. Dana diteruskan ke Dleex setelah Anda menerima hasil kerja.
  • Diperiksa sebelum penyerahanSetiap hasil melewati pemeriksaan kualitas sebelum sampai kepada Anda, dan Anda dapat melihatnya di halaman pesanan sebelum menerimanya.
  • Revisi gratisMinta revisi sesuai brief Anda sebanyak yang diizinkan paket.
  • Diterima setelah 3 hariJika dalam 3 hari setelah penyerahan hasil Anda tidak menerima hasil kerja maupun meminta revisi, hasil kerja diterima secara otomatis. Jika Anda menulis di chat pesanan setelah penyerahan hasil, pesanan akan menunggu; setelah kami menjawab, kami dapat memulai ulang hitungan 3 hari dan akan memberitahukannya di chat.
  • Dikerjakan ulang atau pengembalian dana penuhJika hasilnya tidak sesuai brief Anda dan revisi tidak memperbaikinya, atau pengerjaan memakan waktu lebih dari dua kali tenggatnya, tulis di chat pesanan: kami akan mengerjakan ulang atau mengembalikan pembayaran secara penuh.
Cara kerjanya →

Tanya jawab

Bagaimana cara mengekspor dari Figma?

Pilih frame, tambahkan pengaturan ekspor di bagian Export pada panel kanan, pilih PNG pada 1x atau 2x, lalu klik Export. Halaman panjang bisa berupa satu frame tinggi; frame yang sangat tinggi lebih baik diekspor pada 1x.

Bisakah Anda langsung memakai tautan Figma saya?

Tidak, kami hanya bekerja dengan gambar yang diunggah, bukan tautan atau file .fig, dan kami tidak masuk ke akun Anda.

Apakah font saya akan dipakai?

Halaman memakai font sistem yang mirip dengan font Anda, karena tidak ada yang dimuat dari situs lain. Sebutkan nama fontnya agar kami memilih yang paling mendekati; Anda bisa menambahkan file web font nanti jika lisensinya mengizinkan.

Apakah hasilnya akan persis sama dengan desain saya hingga ke piksel?

Hasilnya akan mendekati dalam tata letak, warna, ukuran, dan urutan bagian, tetapi tidak sampai ke piksel: font berupa font sistem yang mirip, dan foto dibuat ulang kecuali Anda mengunggah foto sendiri. Revisi memperbaiki hal yang penting bagi Anda.

Apakah interaksi prototipe akan berfungsi?

Tautan, tombol, dan menu ponsel berfungsi. Alur prototipe, overlay, animasi, dan transisi tidak termasuk dalam layanan ini.

Tidak menemukan jawabannya?

Semua layanan Pengembangan & TI

Lainnya di Pengembangan & TI

Pesan · Rp 663.000· ~15 mnt