{"id":3124,"date":"2026-05-19T06:04:27","date_gmt":"2026-05-19T06:04:27","guid":{"rendered":"https:\/\/regarcomm.com\/?p=3124"},"modified":"2026-08-26T11:19:29","modified_gmt":"2026-08-26T11:19:29","slug":"desain-halaman-kosong-dengan-figma-dan-konversi-ke-wordpress","status":"publish","type":"post","link":"https:\/\/regarcomm.com\/?p=3124","title":{"rendered":"Desain  Dengan Figma Dan Konversi Ke WordPress"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3124\" class=\"elementor elementor-3124\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3b58a8 e-flex e-con-boxed e-con e-parent\" data-id=\"b3b58a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49eb796 elementor-widget elementor-widget-gallery\" data-id=\"49eb796\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;columns&quot;:3,&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;aspect_ratio&quot;:&quot;3:2&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-19T130108.723.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"49eb796\" data-elementor-lightbox-title=\"download - 2026-05-19T130108.723\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzEyMywidXJsIjoiaHR0cHM6XC9cL3JlZ2FyY29tbS5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9kb3dubG9hZC0yMDI2LTA1LTE5VDEzMDEwOC43MjMuanBnIiwic2xpZGVzaG93IjoiNDllYjc5NiJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-19T130108.723.jpg\" data-width=\"259\" data-height=\"194\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/images-87.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"49eb796\" data-elementor-lightbox-title=\"images (87)\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzEyMiwidXJsIjoiaHR0cHM6XC9cL3JlZ2FyY29tbS5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9pbWFnZXMtODcuanBnIiwic2xpZGVzaG93IjoiNDllYjc5NiJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/images-87.jpg\" data-width=\"299\" data-height=\"169\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-19T125051.245.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"49eb796\" data-elementor-lightbox-title=\"download - 2026-05-19T125051.245\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzExNywidXJsIjoiaHR0cHM6XC9cL3JlZ2FyY29tbS5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9kb3dubG9hZC0yMDI2LTA1LTE5VDEyNTA1MS4yNDUuanBnIiwic2xpZGVzaG93IjoiNDllYjc5NiJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-19T125051.245-300x141.jpg\" data-width=\"300\" data-height=\"141\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f1ddec8 e-flex e-con-boxed e-con e-parent\" data-id=\"f1ddec8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f89fc04 elementor-widget elementor-widget-text-editor\" data-id=\"f89fc04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"0\">Tentu, mengubah halaman kosong di Figma menjadi desain siap konversi ke WordPress melibatkan perencanaan struktural dan penggunaan fitur Figma yang spesifik. Tujuannya adalah membuat desain yang <b data-path-to-node=\"0\" data-index-in-node=\"195\">terorganisir, konsisten, dan dapat dibaca oleh alat konversi<\/b> (seperti yang dijelaskan sebelumnya).<\/p><p data-path-to-node=\"1\">Berikut adalah panduan langkah demi langkah untuk menyiapkan desain di Figma, dari nol hingga siap diimpor ke WordPress\/Page Builder:<\/p><h2 data-path-to-node=\"2\">\ud83d\udcd0 Persiapan Struktur Dasar di Figma<\/h2><h3 data-path-to-node=\"3\">1. Buat Frame (Halaman)<\/h3><ul data-path-to-node=\"4\"><li><p data-path-to-node=\"4,0,0\">Mulai dengan membuat <b data-path-to-node=\"4,0,0\" data-index-in-node=\"21\">Frame<\/b> baru. Pilih ukuran <i data-path-to-node=\"4,0,0\" data-index-in-node=\"46\">preset<\/i> yang umum (misalnya, <b data-path-to-node=\"4,0,0\" data-index-in-node=\"74\">Desktop 1440&#215;1024<\/b>). Frame ini akan menjadi satu halaman website Anda (misalnya: &#8216;Homepage&#8217;, &#8216;About Us&#8217;).<\/p><\/li><li><p data-path-to-node=\"4,1,0\"><b data-path-to-node=\"4,1,0\" data-index-in-node=\"0\">Ganti Nama Frame<\/b>: Beri nama Frame yang jelas dan relevan, seperti <code data-path-to-node=\"4,1,0\" data-index-in-node=\"66\">01_Homepage<\/code> atau <code data-path-to-node=\"4,1,0\" data-index-in-node=\"83\">02_About_Page<\/code>.<\/p><\/li><\/ul><h3 data-path-to-node=\"5\">2. Atur Grid (Tata Letak Kolom)<\/h3><ul data-path-to-node=\"6\"><li><p data-path-to-node=\"6,0,0\">Pilih Frame Anda. Di panel kanan, klik tanda <code data-path-to-node=\"6,0,0\" data-index-in-node=\"45\">+<\/code> di samping <b data-path-to-node=\"6,0,0\" data-index-in-node=\"58\">Layout Grid<\/b>.<\/p><\/li><li><p data-path-to-node=\"6,1,0\">Ubah <i data-path-to-node=\"6,1,0\" data-index-in-node=\"5\">Grid<\/i> menjadi <b data-path-to-node=\"6,1,0\" data-index-in-node=\"18\">Columns<\/b>.<\/p><ul data-path-to-node=\"6,1,1\"><li><p data-path-to-node=\"6,1,1,0,0\"><b data-path-to-node=\"6,1,1,0,0\" data-index-in-node=\"0\">Count<\/b>: <span class=\"math-inline\" data-math=\"12\" data-index-in-node=\"7\">$12$<\/span> (Standar industri untuk tata letak responsif).<\/p><\/li><li><p data-path-to-node=\"6,1,1,1,0\"><b data-path-to-node=\"6,1,1,1,0\" data-index-in-node=\"0\">Type<\/b>: <i data-path-to-node=\"6,1,1,1,0\" data-index-in-node=\"6\">Center<\/i> atau <i data-path-to-node=\"6,1,1,1,0\" data-index-in-node=\"18\">Stretch<\/i>.<\/p><\/li><li><p data-path-to-node=\"6,1,1,2,0\"><b data-path-to-node=\"6,1,1,2,0\" data-index-in-node=\"0\">Margin<\/b> dan <b data-path-to-node=\"6,1,1,2,0\" data-index-in-node=\"11\">Gutter<\/b>: Sesuaikan dengan standar desain web Anda (misalnya, Margin <span class=\"math-inline\" data-math=\"120\" data-index-in-node=\"78\">$120$<\/span>px dan Gutter <span class=\"math-inline\" data-math=\"20\" data-index-in-node=\"95\">$20$<\/span>px).<\/p><\/li><\/ul><\/li><li><p data-path-to-node=\"6,2,0\"><i data-path-to-node=\"6,2,0\" data-index-in-node=\"0\">Grid<\/i> ini membantu Anda menempatkan konten secara terstruktur dan sejajar, yang sangat penting untuk konversi yang rapi di WordPress.<\/p><\/li><\/ul><h2 data-path-to-node=\"7\">\ud83c\udfa8 Buat Design System (Sistem Desain)<\/h2><p data-path-to-node=\"8\">Membuat Sistem Desain <b data-path-to-node=\"8\" data-index-in-node=\"22\">sebelum<\/b> mulai mendesain konten akan memastikan konsistensi dan membantu alat konversi mengidentifikasi gaya.<\/p><h3 data-path-to-node=\"9\">3. Tentukan Gaya Teks (Text Styles)<\/h3><ul data-path-to-node=\"10\"><li><p data-path-to-node=\"10,0,0\">Buat dan simpan semua gaya teks (tipografi) yang akan digunakan:<\/p><ul data-path-to-node=\"10,0,1\"><li><p data-path-to-node=\"10,0,1,0,0\"><b data-path-to-node=\"10,0,1,0,0\" data-index-in-node=\"0\">Headline<\/b>: <code data-path-to-node=\"10,0,1,0,0\" data-index-in-node=\"10\">H1<\/code>, <code data-path-to-node=\"10,0,1,0,0\" data-index-in-node=\"14\">H2<\/code>, <code data-path-to-node=\"10,0,1,0,0\" data-index-in-node=\"18\">H3<\/code>, <code data-path-to-node=\"10,0,1,0,0\" data-index-in-node=\"22\">H4<\/code> (gunakan font yang sama dengan yang akan tersedia di WordPress\/Page Builder).<\/p><\/li><li><p data-path-to-node=\"10,0,1,1,0\"><b data-path-to-node=\"10,0,1,1,0\" data-index-in-node=\"0\">Body<\/b>: <code data-path-to-node=\"10,0,1,1,0\" data-index-in-node=\"6\">Body Text Large<\/code>, <code data-path-to-node=\"10,0,1,1,0\" data-index-in-node=\"23\">Body Text Regular<\/code>, <code data-path-to-node=\"10,0,1,1,0\" data-index-in-node=\"42\">Caption<\/code>.<\/p><\/li><\/ul><\/li><li><p data-path-to-node=\"10,1,0\">Simpan setiap gaya sebagai <b data-path-to-node=\"10,1,0\" data-index-in-node=\"27\">Text Style<\/b> di Figma (di panel kanan, klik ikon <span class=\"math-inline\" data-math=\"4\" data-index-in-node=\"74\">$4$<\/span> titik di samping <i data-path-to-node=\"10,1,0\" data-index-in-node=\"93\">Text<\/i>). Beri nama yang logis (misalnya: <code data-path-to-node=\"10,1,0\" data-index-in-node=\"132\">Heading\/H1-Bold<\/code>).<\/p><\/li><\/ul><h3 data-path-to-node=\"11\">4. Tentukan Gaya Warna (Color Styles)<\/h3><ul data-path-to-node=\"12\"><li><p data-path-to-node=\"12,0,0\">Buat palet warna inti Anda (Primary, Secondary, Accent, Neutral).<\/p><\/li><li><p data-path-to-node=\"12,1,0\">Simpan setiap warna sebagai <b data-path-to-node=\"12,1,0\" data-index-in-node=\"28\">Color Style<\/b> (klik ikon <span class=\"math-inline\" data-math=\"4\" data-index-in-node=\"51\">$4$<\/span> titik di samping <i data-path-to-node=\"12,1,0\" data-index-in-node=\"70\">Fill<\/i>). Beri nama yang terstruktur (misalnya: <code data-path-to-node=\"12,1,0\" data-index-in-node=\"115\">Brand\/Primary<\/code>, <code data-path-to-node=\"12,1,0\" data-index-in-node=\"130\">Neutral\/Dark-Grey<\/code>).<\/p><\/li><\/ul><h3 data-path-to-node=\"13\">5. Buat Komponen (Components)<\/h3><ul data-path-to-node=\"14\"><li><p data-path-to-node=\"14,0,0\">Buat elemen interaktif atau berulang sebagai <b data-path-to-node=\"14,0,0\" data-index-in-node=\"45\">Component<\/b> (misalnya, tombol, <i data-path-to-node=\"14,0,0\" data-index-in-node=\"74\">cards<\/i>, <i data-path-to-node=\"14,0,0\" data-index-in-node=\"81\">input fields<\/i>, <i data-path-to-node=\"14,0,0\" data-index-in-node=\"95\">navbar<\/i>).<\/p><\/li><li><p data-path-to-node=\"14,1,0\">Gunakan <b data-path-to-node=\"14,1,0\" data-index-in-node=\"8\">Variants<\/b> untuk mengelola status atau variasi (misalnya: <code data-path-to-node=\"14,1,0\" data-index-in-node=\"64\">Button\/Primary-Default<\/code>, <code data-path-to-node=\"14,1,0\" data-index-in-node=\"88\">Button\/Primary-Hover<\/code>).<\/p><\/li><li><p data-path-to-node=\"14,2,0\">Menggunakan <i data-path-to-node=\"14,2,0\" data-index-in-node=\"12\">Components<\/i> memungkinkan alat konversi memetakan elemen tersebut ke <i data-path-to-node=\"14,2,0\" data-index-in-node=\"79\">Widgets<\/i> atau <i data-path-to-node=\"14,2,0\" data-index-in-node=\"92\">Blocks<\/i> di WordPress.<\/p><\/li><\/ul><h2 data-path-to-node=\"15\">\ud83e\uddf1 Desain dengan Struktur dan Auto Layout<\/h2><h3 data-path-to-node=\"16\">6. Gunakan Frame untuk Bagian (<i data-path-to-node=\"16\" data-index-in-node=\"31\">Sections<\/i>)<\/h3><ul data-path-to-node=\"17\"><li><p data-path-to-node=\"17,0,0\">Setiap bagian utama dari halaman (misalnya, Hero Section, Services Section, Footer) harus dibuat sebagai <b data-path-to-node=\"17,0,0\" data-index-in-node=\"105\">Frame<\/b> atau <b data-path-to-node=\"17,0,0\" data-index-in-node=\"116\">Section<\/b> tersendiri di dalam Frame utama.<\/p><\/li><li><p data-path-to-node=\"17,1,0\"><b data-path-to-node=\"17,1,0\" data-index-in-node=\"0\">Contoh<\/b>: Buat Frame bernama <code data-path-to-node=\"17,1,0\" data-index-in-node=\"27\">Hero Section<\/code> yang berisi judul, deskripsi, dan tombol.<\/p><\/li><\/ul><h3 data-path-to-node=\"18\">7. Terapkan Auto Layout<\/h3><p data-path-to-node=\"19\">Ini adalah langkah <b data-path-to-node=\"19\" data-index-in-node=\"19\">PALING KRUSIAL<\/b> untuk konversi WordPress. <i data-path-to-node=\"19\" data-index-in-node=\"60\">Auto Layout<\/i> memberitahu <i data-path-to-node=\"19\" data-index-in-node=\"84\">tool<\/i> konversi bagaimana elemen harus berperilaku responsif.<\/p><ul data-path-to-node=\"20\"><li><p data-path-to-node=\"20,0,0\">Pilih elemen (misalnya, judul dan deskripsi) dan tekan <b data-path-to-node=\"20,0,0\" data-index-in-node=\"55\">Shift + A<\/b> untuk mengaktifkan <b data-path-to-node=\"20,0,0\" data-index-in-node=\"84\">Auto Layout<\/b>.<\/p><\/li><li><p data-path-to-node=\"20,1,0\">Gunakan <b data-path-to-node=\"20,1,0\" data-index-in-node=\"8\">Auto Layout<\/b> untuk mengatur <i data-path-to-node=\"20,1,0\" data-index-in-node=\"35\">padding<\/i> (jarak internal) dan <i data-path-to-node=\"20,1,0\" data-index-in-node=\"64\">spacing<\/i> (jarak antar elemen).<\/p><\/li><li><p data-path-to-node=\"20,2,0\">Untuk wadah (<i data-path-to-node=\"20,2,0\" data-index-in-node=\"13\">container<\/i>): Gunakan pengaturan <b data-path-to-node=\"20,2,0\" data-index-in-node=\"44\">Fill Container<\/b> (bukan <i data-path-to-node=\"20,2,0\" data-index-in-node=\"66\">Fixed<\/i>) untuk memastikan bagian tersebut meregang sesuai lebar layar (responsif).<\/p><\/li><\/ul><h3 data-path-to-node=\"21\">8. Penamaan Lapisan yang Bersih (<i data-path-to-node=\"21\" data-index-in-node=\"33\">Clean Layer Naming<\/i>)<\/h3><ul data-path-to-node=\"22\"><li><p data-path-to-node=\"22,0,0\">Jaga agar lapisan (<i data-path-to-node=\"22,0,0\" data-index-in-node=\"19\">layers<\/i>) Anda tetap terorganisir dan diberi nama yang jelas.<\/p><ul data-path-to-node=\"22,0,1\"><li><p data-path-to-node=\"22,0,1,0,0\"><b data-path-to-node=\"22,0,1,0,0\" data-index-in-node=\"0\">Buruk<\/b>: <code data-path-to-node=\"22,0,1,0,0\" data-index-in-node=\"7\">Rectangle 1<\/code>, <code data-path-to-node=\"22,0,1,0,0\" data-index-in-node=\"20\">Text Copy 2<\/code><\/p><\/li><li><p data-path-to-node=\"22,0,1,1,0\"><b data-path-to-node=\"22,0,1,1,0\" data-index-in-node=\"0\">Baik<\/b>: <code data-path-to-node=\"22,0,1,1,0\" data-index-in-node=\"6\">Button\/Submit<\/code>, <code data-path-to-node=\"22,0,1,1,0\" data-index-in-node=\"21\">Text\/H1-Hero<\/code>, <code data-path-to-node=\"22,0,1,1,0\" data-index-in-node=\"35\">Container\/Card-Service<\/code><\/p><\/li><\/ul><\/li><\/ul><h3 data-path-to-node=\"23\">9. Desain Responsif (Opsional, tapi Direkomendasikan)<\/h3><p data-path-to-node=\"24\">Setelah Frame desktop selesai, Anda bisa menduplikatnya dan menyesuaikannya untuk tampilan seluler (misalnya, Frame <b data-path-to-node=\"24\" data-index-in-node=\"116\">Mobile 375&#215;667<\/b>).<\/p><ul data-path-to-node=\"25\"><li><p data-path-to-node=\"25,0,0\">Pilih Frame desktop.<\/p><\/li><li><p data-path-to-node=\"25,1,0\">Ubah ukuran Frame menjadi ukuran seluler.<\/p><\/li><li><p data-path-to-node=\"25,2,0\">Gunakan pengaturan <b data-path-to-node=\"25,2,0\" data-index-in-node=\"19\">Constraints<\/b> dan <b data-path-to-node=\"25,2,0\" data-index-in-node=\"35\">Resizing<\/b> (<i data-path-to-node=\"25,2,0\" data-index-in-node=\"45\">Fill Container<\/i>) pada elemen agar mereka beradaptasi dengan benar.<\/p><\/li><\/ul><h2 data-path-to-node=\"26\">\ud83d\ude80 Persiapan Akhir (Handoff Readiness)<\/h2><h3 data-path-to-node=\"27\">10. Konfigurasi Plugin Konversi<\/h3><ul data-path-to-node=\"28\"><li><p data-path-to-node=\"28,0,0\">Jika Anda menggunakan plugin konversi seperti <b data-path-to-node=\"28,0,0\" data-index-in-node=\"46\">UiChemy<\/b>, instal plugin di Figma.<\/p><\/li><li><p data-path-to-node=\"28,1,0\">Jalankan plugin dan pastikan desain Anda <b data-path-to-node=\"28,1,0\" data-index-in-node=\"41\">dioptimalkan<\/b> sesuai saran plugin (misalnya, memastikan semua elemen penting memiliki Auto Layout).<\/p><\/li><\/ul><h3 data-path-to-node=\"29\">11. Finalisasi dan Serah Terima<\/h3><ul data-path-to-node=\"30\"><li><p data-path-to-node=\"30,0,0\">Pastikan tidak ada gambar yang hilang atau <i data-path-to-node=\"30,0,0\" data-index-in-node=\"43\">font<\/i> yang tidak standar.<\/p><\/li><li><p data-path-to-node=\"30,1,0\">Serahkan file kepada <i data-path-to-node=\"30,1,0\" data-index-in-node=\"21\">developer<\/i> dengan instruksi yang jelas. Dengan persiapan ini, <i data-path-to-node=\"30,1,0\" data-index-in-node=\"82\">developer<\/i> dapat menggunakan plugin konversi untuk mengimpor Frame Anda dan melihat desain tersebut muncul sebagai <i data-path-to-node=\"30,1,0\" data-index-in-node=\"196\">layout<\/i> di Page Builder WordPress dengan akurasi yang tinggi.<\/p><\/li><\/ul><p>Baca Prosedur kerja d<a href=\"https:\/\/regarcomm.com\/?p=3118\">engan Figma<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b01ba84 e-flex e-con-boxed e-con e-parent\" data-id=\"b01ba84\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1663e5 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-widget elementor-widget-posts\" data-id=\"f1663e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;classic_columns&quot;:&quot;3&quot;,&quot;classic_columns_tablet&quot;:&quot;2&quot;,&quot;classic_columns_mobile&quot;:&quot;1&quot;,&quot;classic_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;classic_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;classic_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"posts.classic\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid\" role=\"list\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-4185 post type-post status-publish format-standard has-post-thumbnail hentry category-tak-berkategori\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/regarcomm.com\/?p=4185\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img fetchpriority=\"high\" decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" width=\"299\" height=\"168\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/10\/images-2026-10-02T101514.240.jpg\" class=\"attachment-medium size-medium wp-image-4184\" alt=\"\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/regarcomm.com\/?p=4185\" >\n\t\t\t\tBikin Soal ExamView Nggak Pakai Ribet: Panduan Import dari File Word untuk Dev &amp; Edukator\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t2 Oktober 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tTidak ada komentar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Bikin Soal ExamView Nggak Pakai Ribet: Panduan Import dari File<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=4185\" aria-label=\"Read more about Bikin Soal ExamView Nggak Pakai Ribet: Panduan Import dari File Word untuk Dev &amp; Edukator\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-4167 post type-post status-publish format-standard has-post-thumbnail hentry category-tak-berkategori\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/regarcomm.com\/?p=4167\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" width=\"300\" height=\"300\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-27_09-27-08-300x300.jpg\" class=\"attachment-medium size-medium wp-image-4159\" alt=\"\" srcset=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-27_09-27-08-300x300.jpg 300w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-27_09-27-08-1024x1024.jpg 1024w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-27_09-27-08-150x150.jpg 150w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-27_09-27-08-768x768.jpg 768w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-27_09-27-08.jpg 1254w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/regarcomm.com\/?p=4167\" >\n\t\t\t\tAplikasi Website Akuntansi Usaha\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t27 September 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tTidak ada komentar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Aplikasi Web Akuntansi dengan data input dan laporan akuntansi lengkap<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=4167\" aria-label=\"Read more about Aplikasi Website Akuntansi Usaha\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-4161 post type-post status-publish format-standard has-post-thumbnail hentry category-tak-berkategori\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/regarcomm.com\/?p=4161\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" width=\"300\" height=\"200\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-26_18-26-41-300x200.jpg\" class=\"attachment-medium size-medium wp-image-4157\" alt=\"\" srcset=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-26_18-26-41-300x200.jpg 300w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-26_18-26-41-1024x682.jpg 1024w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-26_18-26-41-768x512.jpg 768w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/photo_2026-09-26_18-26-41.jpg 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/regarcomm.com\/?p=4161\" >\n\t\t\t\tAplikasi Web Absensi Karyawan By Scan QR\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t27 September 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tTidak ada komentar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Aplikasi Web Absensi dengan sistem input manual dan Scan QR<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=4161\" aria-label=\"Read more about Aplikasi Web Absensi Karyawan By Scan QR\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-4129 post type-post status-publish format-standard has-post-thumbnail hentry category-tak-berkategori\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/regarcomm.com\/?p=4129\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" width=\"300\" height=\"300\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Toko-Online-300x300.jpg\" class=\"attachment-medium size-medium wp-image-4112\" alt=\"\" srcset=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Toko-Online-300x300.jpg 300w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Toko-Online-1024x1024.jpg 1024w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Toko-Online-150x150.jpg 150w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Toko-Online-768x768.jpg 768w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Toko-Online.jpg 1254w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/regarcomm.com\/?p=4129\" >\n\t\t\t\tPaket Aplikasi Toko Online\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t9 September 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tTidak ada komentar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Aplikasi Web Toko Online Harga : Rp.1.500.000Keunggulan:* Gratis Hosting dan<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=4129\" aria-label=\"Read more about Paket Aplikasi Toko Online\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-4124 post type-post status-publish format-standard has-post-thumbnail hentry category-tak-berkategori\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/regarcomm.com\/?p=4124\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" width=\"300\" height=\"300\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Inventory-300x300.jpg\" class=\"attachment-medium size-medium wp-image-4111\" alt=\"\" srcset=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Inventory-300x300.jpg 300w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Inventory-1024x1024.jpg 1024w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Inventory-150x150.jpg 150w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Inventory-768x768.jpg 768w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Inventory.jpg 1254w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/regarcomm.com\/?p=4124\" >\n\t\t\t\tPaket Aplikasi Inventory\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t9 September 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tTidak ada komentar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Aplikasi Web Inventory Harga : Rp.1.200.000Keunggulan:* Gratis Hosting dan Domain<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=4124\" aria-label=\"Read more about Paket Aplikasi Inventory\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-4119 post type-post status-publish format-standard has-post-thumbnail hentry category-tak-berkategori\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/regarcomm.com\/?p=4119\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" width=\"300\" height=\"300\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Absen-Sekolah-300x300.jpg\" class=\"attachment-medium size-medium wp-image-4109\" alt=\"\" srcset=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Absen-Sekolah-300x300.jpg 300w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Absen-Sekolah-1024x1024.jpg 1024w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Absen-Sekolah-150x150.jpg 150w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Absen-Sekolah-768x768.jpg 768w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/09\/Absen-Sekolah.jpg 1254w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/regarcomm.com\/?p=4119\" >\n\t\t\t\tPaket Absen Sekolah\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t9 September 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tTidak ada komentar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Aplikasi Web Absen Sekolah Harga : Rp.1.200.000Keunggulan:* Gratis Hosting dan<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=4119\" aria-label=\"Read more about Paket Absen Sekolah\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tentu, mengubah halaman kosong di Figma menjadi desain siap konversi ke WordPress melibatkan perencanaan struktural dan penggunaan fitur Figma yang spesifik. Tujuannya adalah membuat desain yang terorganisir, konsisten, dan dapat dibaca oleh alat konversi (seperti yang dijelaskan sebelumnya). Berikut adalah panduan langkah demi langkah untuk menyiapkan desain di Figma, dari nol hingga siap diimpor ke&#8230;<\/p>\n","protected":false},"author":1,"featured_media":3122,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3124","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tak-berkategori"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Desain Dengan Figma Dan Konversi Ke Wordpress - Regarcomm Development<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/regarcomm.com\/?p=3124\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Desain Dengan Figma Dan Konversi Ke Wordpress - Regarcomm Development\" \/>\n<meta property=\"og:description\" content=\"Tentu, mengubah halaman kosong di Figma menjadi desain siap konversi ke WordPress melibatkan perencanaan struktural dan penggunaan fitur Figma yang spesifik. Tujuannya adalah membuat desain yang terorganisir, konsisten, dan dapat dibaca oleh alat konversi (seperti yang dijelaskan sebelumnya). Berikut adalah panduan langkah demi langkah untuk menyiapkan desain di Figma, dari nol hingga siap diimpor ke...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/regarcomm.com\/?p=3124\" \/>\n<meta property=\"og:site_name\" content=\"Regarcomm Development\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-19T06:04:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-26T11:19:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/images-87.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"299\" \/>\n\t<meta property=\"og:image:height\" content=\"169\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ewin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Erwinbinjai\" \/>\n<meta name=\"twitter:site\" content=\"@Erwinbinjai\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ewin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/regarcomm.com\/?p=3124#article\",\"isPartOf\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3124\"},\"author\":{\"name\":\"Ewin\",\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912\"},\"headline\":\"Desain Dengan Figma Dan Konversi Ke WordPress\",\"datePublished\":\"2026-05-19T06:04:27+00:00\",\"dateModified\":\"2026-08-26T11:19:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3124\"},\"wordCount\":582,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/regarcomm.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3124#primaryimage\"},\"thumbnailUrl\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/images-87.jpg\",\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/regarcomm.com\/?p=3124#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/regarcomm.com\/?p=3124\",\"url\":\"https:\/\/regarcomm.com\/?p=3124\",\"name\":\"Desain Dengan Figma Dan Konversi Ke Wordpress - Regarcomm Development\",\"isPartOf\":{\"@id\":\"https:\/\/regarcomm.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3124#primaryimage\"},\"image\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3124#primaryimage\"},\"thumbnailUrl\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/images-87.jpg\",\"datePublished\":\"2026-05-19T06:04:27+00:00\",\"dateModified\":\"2026-08-26T11:19:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3124#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/regarcomm.com\/?p=3124\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/regarcomm.com\/?p=3124#primaryimage\",\"url\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/images-87.jpg\",\"contentUrl\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/images-87.jpg\",\"width\":299,\"height\":169},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/regarcomm.com\/?p=3124#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\/\/regarcomm.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desain Dengan Figma Dan Konversi Ke WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/regarcomm.com\/#website\",\"url\":\"https:\/\/regarcomm.com\/\",\"name\":\"Regarcomm Development\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/regarcomm.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/regarcomm.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/regarcomm.com\/#organization\",\"name\":\"Regarcomm Development\",\"url\":\"https:\/\/regarcomm.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/regarcomm.com\/wp-content\/uploads\/2025\/06\/photo_2025-05-13_10-59-37.jpg\",\"contentUrl\":\"http:\/\/regarcomm.com\/wp-content\/uploads\/2025\/06\/photo_2025-05-13_10-59-37.jpg\",\"width\":1280,\"height\":1073,\"caption\":\"Regarcomm Development\"},\"image\":{\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/\",\"https:\/\/x.com\/Erwinbinjai\",\"https:\/\/instagram.com\/inerwinsyah\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912\",\"name\":\"Ewin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g\",\"caption\":\"Ewin\"},\"sameAs\":[\"http:\/\/localhost\/regarcomm\"],\"url\":\"https:\/\/regarcomm.com\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Desain Dengan Figma Dan Konversi Ke Wordpress - Regarcomm Development","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/regarcomm.com\/?p=3124","og_locale":"id_ID","og_type":"article","og_title":"Desain Dengan Figma Dan Konversi Ke Wordpress - Regarcomm Development","og_description":"Tentu, mengubah halaman kosong di Figma menjadi desain siap konversi ke WordPress melibatkan perencanaan struktural dan penggunaan fitur Figma yang spesifik. Tujuannya adalah membuat desain yang terorganisir, konsisten, dan dapat dibaca oleh alat konversi (seperti yang dijelaskan sebelumnya). Berikut adalah panduan langkah demi langkah untuk menyiapkan desain di Figma, dari nol hingga siap diimpor ke...","og_url":"https:\/\/regarcomm.com\/?p=3124","og_site_name":"Regarcomm Development","article_publisher":"https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/","article_published_time":"2026-05-19T06:04:27+00:00","article_modified_time":"2026-08-26T11:19:29+00:00","og_image":[{"width":299,"height":169,"url":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/images-87.jpg","type":"image\/jpeg"}],"author":"Ewin","twitter_card":"summary_large_image","twitter_creator":"@Erwinbinjai","twitter_site":"@Erwinbinjai","twitter_misc":{"Ditulis oleh":"Ewin","Estimasi waktu membaca":"4 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/regarcomm.com\/?p=3124#article","isPartOf":{"@id":"https:\/\/regarcomm.com\/?p=3124"},"author":{"name":"Ewin","@id":"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912"},"headline":"Desain Dengan Figma Dan Konversi Ke WordPress","datePublished":"2026-05-19T06:04:27+00:00","dateModified":"2026-08-26T11:19:29+00:00","mainEntityOfPage":{"@id":"https:\/\/regarcomm.com\/?p=3124"},"wordCount":582,"commentCount":1,"publisher":{"@id":"https:\/\/regarcomm.com\/#organization"},"image":{"@id":"https:\/\/regarcomm.com\/?p=3124#primaryimage"},"thumbnailUrl":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/images-87.jpg","inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/regarcomm.com\/?p=3124#respond"]}]},{"@type":"WebPage","@id":"https:\/\/regarcomm.com\/?p=3124","url":"https:\/\/regarcomm.com\/?p=3124","name":"Desain Dengan Figma Dan Konversi Ke Wordpress - Regarcomm Development","isPartOf":{"@id":"https:\/\/regarcomm.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/regarcomm.com\/?p=3124#primaryimage"},"image":{"@id":"https:\/\/regarcomm.com\/?p=3124#primaryimage"},"thumbnailUrl":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/images-87.jpg","datePublished":"2026-05-19T06:04:27+00:00","dateModified":"2026-08-26T11:19:29+00:00","breadcrumb":{"@id":"https:\/\/regarcomm.com\/?p=3124#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/regarcomm.com\/?p=3124"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/regarcomm.com\/?p=3124#primaryimage","url":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/images-87.jpg","contentUrl":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/images-87.jpg","width":299,"height":169},{"@type":"BreadcrumbList","@id":"https:\/\/regarcomm.com\/?p=3124#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/regarcomm.com\/"},{"@type":"ListItem","position":2,"name":"Desain Dengan Figma Dan Konversi Ke WordPress"}]},{"@type":"WebSite","@id":"https:\/\/regarcomm.com\/#website","url":"https:\/\/regarcomm.com\/","name":"Regarcomm Development","description":"","publisher":{"@id":"https:\/\/regarcomm.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/regarcomm.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/regarcomm.com\/#organization","name":"Regarcomm Development","url":"https:\/\/regarcomm.com\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/regarcomm.com\/#\/schema\/logo\/image\/","url":"http:\/\/regarcomm.com\/wp-content\/uploads\/2025\/06\/photo_2025-05-13_10-59-37.jpg","contentUrl":"http:\/\/regarcomm.com\/wp-content\/uploads\/2025\/06\/photo_2025-05-13_10-59-37.jpg","width":1280,"height":1073,"caption":"Regarcomm Development"},"image":{"@id":"https:\/\/regarcomm.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/","https:\/\/x.com\/Erwinbinjai","https:\/\/instagram.com\/inerwinsyah"]},{"@type":"Person","@id":"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912","name":"Ewin","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/regarcomm.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g","caption":"Ewin"},"sameAs":["http:\/\/localhost\/regarcomm"],"url":"https:\/\/regarcomm.com\/?author=1"}]}},"jetpack_featured_media_url":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/images-87.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts\/3124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3124"}],"version-history":[{"count":4,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts\/3124\/revisions"}],"predecessor-version":[{"id":3129,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts\/3124\/revisions\/3129"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/media\/3122"}],"wp:attachment":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3124"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}