{"id":3133,"date":"2026-05-19T06:13:16","date_gmt":"2026-05-19T06:13:16","guid":{"rendered":"https:\/\/regarcomm.com\/?p=3133"},"modified":"2026-08-26T11:19:28","modified_gmt":"2026-08-26T11:19:28","slug":"membuat-mega-menu-dan-slider","status":"publish","type":"post","link":"https:\/\/regarcomm.com\/?p=3133","title":{"rendered":"Membuat Mega Menu Dan Slider Di Figma"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3133\" class=\"elementor elementor-3133\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b8920a e-flex e-con-boxed e-con e-parent\" data-id=\"9b8920a\" 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-067da5e elementor-widget elementor-widget-gallery\" data-id=\"067da5e\" 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-19T131116.456.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"067da5e\" data-elementor-lightbox-title=\"download - 2026-05-19T131116.456\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzEzMiwidXJsIjoiaHR0cHM6XC9cL3JlZ2FyY29tbS5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9kb3dubG9hZC0yMDI2LTA1LTE5VDEzMTExNi40NTYuanBnIiwic2xpZGVzaG93IjoiMDY3ZGE1ZSJ9\">\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-19T131116.456.jpg\" data-width=\"300\" data-height=\"168\" 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-19T131136.304.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"067da5e\" data-elementor-lightbox-title=\"download - 2026-05-19T131136.304\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzEzMSwidXJsIjoiaHR0cHM6XC9cL3JlZ2FyY29tbS5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9kb3dubG9hZC0yMDI2LTA1LTE5VDEzMTEzNi4zMDQuanBnIiwic2xpZGVzaG93IjoiMDY3ZGE1ZSJ9\">\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-19T131136.304-300x150.jpg\" data-width=\"300\" data-height=\"150\" 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-19T131141.490.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"067da5e\" data-elementor-lightbox-title=\"download - 2026-05-19T131141.490\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzEzMCwidXJsIjoiaHR0cHM6XC9cL3JlZ2FyY29tbS5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9kb3dubG9hZC0yMDI2LTA1LTE5VDEzMTE0MS40OTAuanBnIiwic2xpZGVzaG93IjoiMDY3ZGE1ZSJ9\">\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-19T131141.490.jpg\" data-width=\"300\" data-height=\"168\" 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-5d211eb e-flex e-con-boxed e-con e-parent\" data-id=\"5d211eb\" 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-3f30171 elementor-widget elementor-widget-text-editor\" data-id=\"3f30171\" 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<div id=\"model-response-message-contentr_ab9353630897d59b\" class=\"markdown markdown-main-panel enable-updated-hr-color\" dir=\"ltr\" aria-live=\"polite\" aria-busy=\"false\"><p data-path-to-node=\"0\">Tentu, saya akan jelaskan cara menyiapkan <b data-path-to-node=\"0\" data-index-in-node=\"42\">Mega Menu<\/b> dan <b data-path-to-node=\"0\" data-index-in-node=\"56\">Slider<\/b> di Figma, serta apa fungsi krusial dari <b data-path-to-node=\"0\" data-index-in-node=\"103\">Layer<\/b> dalam satu halaman desain.<\/p><hr data-path-to-node=\"1\" \/><h3 data-path-to-node=\"2\">\ud83e\udded Membuat Mega Menu dan Slider di Figma<\/h3><p data-path-to-node=\"3\">Mega Menu dan Slider adalah elemen kompleks yang sangat bergantung pada fitur <b data-path-to-node=\"3\" data-index-in-node=\"78\">Components<\/b>, <b data-path-to-node=\"3\" data-index-in-node=\"90\">Auto Layout<\/b>, dan <b data-path-to-node=\"3\" data-index-in-node=\"107\">Interactions<\/b> di Figma agar dapat dikonversi dengan baik ke WordPress.<\/p><h3 data-path-to-node=\"4\">1. Membuat Mega Menu<\/h3><p data-path-to-node=\"5\">Mega Menu adalah menu <i data-path-to-node=\"5\" data-index-in-node=\"22\">dropdown<\/i> besar yang menampilkan banyak tautan dan terkadang gambar\/konten lainnya.<\/p><h4 data-path-to-node=\"6\">Prosedur:<\/h4><ol start=\"1\" data-path-to-node=\"7\"><li><p data-path-to-node=\"7,0,0\"><b data-path-to-node=\"7,0,0\" data-index-in-node=\"0\">Buat Header Dasar<\/b>: Rancang <i data-path-to-node=\"7,0,0\" data-index-in-node=\"27\">Header<\/i> utama (logo, navigasi utama) dalam sebuah <b data-path-to-node=\"7,0,0\" data-index-in-node=\"76\">Frame<\/b> dan terapkan <b data-path-to-node=\"7,0,0\" data-index-in-node=\"95\">Auto Layout<\/b> (Shift + A).<\/p><\/li><li><p data-path-to-node=\"7,1,0\"><b data-path-to-node=\"7,1,0\" data-index-in-node=\"0\">Rancang Panel Menu<\/b>: Di luar <i data-path-to-node=\"7,1,0\" data-index-in-node=\"28\">Header<\/i>, buat <b data-path-to-node=\"7,1,0\" data-index-in-node=\"41\">Frame<\/b> baru untuk panel Mega Menu itu sendiri.<\/p><ul data-path-to-node=\"7,1,1\"><li><p data-path-to-node=\"7,1,1,0,0\">Strukturkan konten di dalamnya menggunakan <b data-path-to-node=\"7,1,1,0,0\" data-index-in-node=\"43\">Columns<\/b> dan <b data-path-to-node=\"7,1,1,0,0\" data-index-in-node=\"55\">Rows<\/b> (misalnya, 3 kolom kategori, gambar promosi).<\/p><\/li><li><p data-path-to-node=\"7,1,1,1,0\">Terapkan <b data-path-to-node=\"7,1,1,1,0\" data-index-in-node=\"9\">Auto Layout<\/b> pada setiap elemen dan grup di dalam panel ini untuk mengatur jaraknya.<\/p><\/li><\/ul><\/li><li><p data-path-to-node=\"7,2,0\"><b data-path-to-node=\"7,2,0\" data-index-in-node=\"0\">Ubah Menjadi Komponen<\/b>: Pilih panel Mega Menu yang sudah Anda buat, lalu ubah menjadi <b data-path-to-node=\"7,2,0\" data-index-in-node=\"85\">Component<\/b> (Ctrl\/Cmd + Alt + K).<\/p><\/li><li><p data-path-to-node=\"7,3,0\"><b data-path-to-node=\"7,3,0\" data-index-in-node=\"0\">Tambahkan Interaksi<\/b>:<\/p><ul data-path-to-node=\"7,3,1\"><li><p data-path-to-node=\"7,3,1,0,0\">Letakkan <i data-path-to-node=\"7,3,1,0,0\" data-index-in-node=\"9\">Instance<\/i> dari <b data-path-to-node=\"7,3,1,0,0\" data-index-in-node=\"23\">Component<\/b> Mega Menu di bawah navigasi utama (misalnya, di bawah tautan &#8220;Produk&#8221;).<\/p><\/li><li><p data-path-to-node=\"7,3,1,1,0\">Secara <i data-path-to-node=\"7,3,1,1,0\" data-index-in-node=\"7\">default<\/i>, sembunyikan Mega Menu dari tampilan dengan mengubah pengaturan di panel kanan menjadi <code data-path-to-node=\"7,3,1,1,0\" data-index-in-node=\"102\">Visible: Off<\/code> atau menggunakan <b data-path-to-node=\"7,3,1,1,0\" data-index-in-node=\"132\">Component Property<\/b> untuk mengontrol visibilitas.<\/p><\/li><\/ul><\/li><li><p data-path-to-node=\"7,4,0\"><b data-path-to-node=\"7,4,0\" data-index-in-node=\"0\">Prototyping<\/b>: Pindah ke tab <b data-path-to-node=\"7,4,0\" data-index-in-node=\"27\">Prototype<\/b>.<\/p><ul data-path-to-node=\"7,4,1\"><li><p data-path-to-node=\"7,4,1,0,0\">Pilih tombol atau tautan di <i data-path-to-node=\"7,4,1,0,0\" data-index-in-node=\"28\">Header<\/i> yang akan memicu Mega Menu.<\/p><\/li><li><p data-path-to-node=\"7,4,1,1,0\">Tarik panah interaksi ke <b data-path-to-node=\"7,4,1,1,0\" data-index-in-node=\"25\">Component<\/b> Mega Menu.<\/p><\/li><li><p data-path-to-node=\"7,4,1,2,0\">Atur interaksi: <b data-path-to-node=\"7,4,1,2,0\" data-index-in-node=\"16\">Trigger<\/b> ke <code data-path-to-node=\"7,4,1,2,0\" data-index-in-node=\"27\">On Click<\/code> atau <code data-path-to-node=\"7,4,1,2,0\" data-index-in-node=\"41\">On Hover<\/code>, <b data-path-to-node=\"7,4,1,2,0\" data-index-in-node=\"51\">Action<\/b> ke <code data-path-to-node=\"7,4,1,2,0\" data-index-in-node=\"61\">Open Overlay<\/code>, dan posisikan menu di bawah <i data-path-to-node=\"7,4,1,2,0\" data-index-in-node=\"103\">Header<\/i> Anda.<\/p><\/li><\/ul><\/li><\/ol><h3 data-path-to-node=\"8\">\ud83d\uddbc\ufe0f 2. Membuat Slider (Carousel)<\/h3><p data-path-to-node=\"9\">Slider adalah serangkaian <i data-path-to-node=\"9\" data-index-in-node=\"26\">Frame<\/i> yang berganti-ganti (slide). Untuk simulasinya di Figma, kita menggunakan fitur <b data-path-to-node=\"9\" data-index-in-node=\"112\">Component Variants<\/b> dan <b data-path-to-node=\"9\" data-index-in-node=\"135\">Prototyping<\/b> dengan <i data-path-to-node=\"9\" data-index-in-node=\"154\">Scrolling<\/i>.<\/p><h4 data-path-to-node=\"10\">Prosedur:<\/h4><ol start=\"1\" data-path-to-node=\"11\"><li><p data-path-to-node=\"11,0,0\"><b data-path-to-node=\"11,0,0\" data-index-in-node=\"0\">Buat Slide Tunggal<\/b>: Rancang tampilan untuk satu <i data-path-to-node=\"11,0,0\" data-index-in-node=\"48\">slide<\/i> (gambar, teks, tombol) dalam sebuah <b data-path-to-node=\"11,0,0\" data-index-in-node=\"90\">Frame<\/b> dan gunakan <b data-path-to-node=\"11,0,0\" data-index-in-node=\"108\">Auto Layout<\/b>.<\/p><\/li><li><p data-path-to-node=\"11,1,0\"><b data-path-to-node=\"11,1,0\" data-index-in-node=\"0\">Buat Komponen &amp; Varian<\/b>:<\/p><ul data-path-to-node=\"11,1,1\"><li><p data-path-to-node=\"11,1,1,0,0\">Ubah <i data-path-to-node=\"11,1,1,0,0\" data-index-in-node=\"5\">Frame<\/i> slide tunggal menjadi <b data-path-to-node=\"11,1,1,0,0\" data-index-in-node=\"33\">Component<\/b>.<\/p><\/li><li><p data-path-to-node=\"11,1,1,1,0\">Tambahkan <b data-path-to-node=\"11,1,1,1,0\" data-index-in-node=\"10\">Variant<\/b> (panel kanan) untuk setiap slide (misalnya, <code data-path-to-node=\"11,1,1,1,0\" data-index-in-node=\"62\">Slide-1<\/code>, <code data-path-to-node=\"11,1,1,1,0\" data-index-in-node=\"71\">Slide-2<\/code>, <code data-path-to-node=\"11,1,1,1,0\" data-index-in-node=\"80\">Slide-3<\/code>).<\/p><\/li><li><p data-path-to-node=\"11,1,1,2,0\">Sesuaikan konten visual di setiap Varian.<\/p><\/li><\/ul><\/li><li><p data-path-to-node=\"11,2,0\"><b data-path-to-node=\"11,2,0\" data-index-in-node=\"0\">Grupkan Komponen<\/b>: Letakkan semua Varian di dalam satu <b data-path-to-node=\"11,2,0\" data-index-in-node=\"54\">Frame<\/b> yang berfungsi sebagai wadah Slider.<\/p><\/li><li><p data-path-to-node=\"11,3,0\"><b data-path-to-node=\"11,3,0\" data-index-in-node=\"0\">Terapkan Horizontal Scrolling<\/b>:<\/p><ul data-path-to-node=\"11,3,1\"><li><p data-path-to-node=\"11,3,1,0,0\">Pilih <i data-path-to-node=\"11,3,1,0,0\" data-index-in-node=\"6\">Frame<\/i> wadah Slider.<\/p><\/li><li><p data-path-to-node=\"11,3,1,1,0\">Di panel kanan, di bagian <b data-path-to-node=\"11,3,1,1,0\" data-index-in-node=\"26\">Prototype<\/b>, atur <i data-path-to-node=\"11,3,1,1,0\" data-index-in-node=\"42\">Overflow Scrolling<\/i> menjadi <b data-path-to-node=\"11,3,1,1,0\" data-index-in-node=\"69\">Horizontal Scrolling<\/b>.<\/p><\/li><\/ul><\/li><li><p data-path-to-node=\"11,4,0\"><b data-path-to-node=\"11,4,0\" data-index-in-node=\"0\">Prototyping Navigasi (Opsional)<\/b>: Untuk simulasi otomatis (seperti di WordPress), Anda bisa:<\/p><ul data-path-to-node=\"11,4,1\"><li><p data-path-to-node=\"11,4,1,0,0\">Buka tab <b data-path-to-node=\"11,4,1,0,0\" data-index-in-node=\"9\">Prototype<\/b>.<\/p><\/li><li><p data-path-to-node=\"11,4,1,1,0\">Pada <b data-path-to-node=\"11,4,1,1,0\" data-index-in-node=\"5\">Variant<\/b> <code data-path-to-node=\"11,4,1,1,0\" data-index-in-node=\"13\">Slide-1<\/code>, tambahkan interaksi: <b data-path-to-node=\"11,4,1,1,0\" data-index-in-node=\"43\">Trigger<\/b> <code data-path-to-node=\"11,4,1,1,0\" data-index-in-node=\"51\">After Delay<\/code> (misalnya <span class=\"math-inline\" data-math=\"4000\" data-index-in-node=\"73\">$4000$<\/span>ms), <b data-path-to-node=\"11,4,1,1,0\" data-index-in-node=\"82\">Action<\/b> <code data-path-to-node=\"11,4,1,1,0\" data-index-in-node=\"89\">Change To<\/code>, dan targetkan ke <code data-path-to-node=\"11,4,1,1,0\" data-index-in-node=\"117\">Slide-2<\/code>. Lakukan hal yang sama untuk semua slide.<\/p><\/li><\/ul><\/li><\/ol><hr data-path-to-node=\"12\" \/><h3 data-path-to-node=\"13\">\ud83e\uddf1 Fungsi Crucial Layer dalam Desain Halaman<\/h3><p data-path-to-node=\"14\"><b data-path-to-node=\"14\" data-index-in-node=\"0\">Layer<\/b> adalah fondasi struktural desain Anda di Figma. Ia merujuk pada setiap elemen yang Anda tempatkan di kanvas (teks, gambar, bentuk, <i data-path-to-node=\"14\" data-index-in-node=\"137\">frame<\/i>, komponen, dll.).<\/p><p data-path-to-node=\"15\">Fungsi <i data-path-to-node=\"15\" data-index-in-node=\"7\">Layer<\/i> sangat krusial, terutama untuk proses <i data-path-to-node=\"15\" data-index-in-node=\"51\">Handoff<\/i> (serah terima) dan konversi ke WordPress:<\/p><h3 data-path-to-node=\"16\">1. Organisasi dan Hirarki Visual<\/h3><ul data-path-to-node=\"17\"><li><p data-path-to-node=\"17,0,0\"><b data-path-to-node=\"17,0,0\" data-index-in-node=\"0\">Pemetaan Struktur<\/b>: <i data-path-to-node=\"17,0,0\" data-index-in-node=\"19\">Layer<\/i> yang tertata rapi (<i data-path-to-node=\"17,0,0\" data-index-in-node=\"44\">nested<\/i> atau bersarang di dalam <i data-path-to-node=\"17,0,0\" data-index-in-node=\"75\">Frame<\/i> dan <i data-path-to-node=\"17,0,0\" data-index-in-node=\"85\">Group<\/i> yang logis) mencerminkan struktur HTML\/CSS yang diharapkan oleh developer. Misalnya, semua <i data-path-to-node=\"17,0,0\" data-index-in-node=\"182\">Layer<\/i> yang ada di dalam <i data-path-to-node=\"17,0,0\" data-index-in-node=\"206\">Layer<\/i> <b data-path-to-node=\"17,0,0\" data-index-in-node=\"212\">&#8220;Hero Section&#8221;<\/b> akan menjadi satu <code data-path-to-node=\"17,0,0\" data-index-in-node=\"245\">&lt;div&gt;<\/code> atau <code data-path-to-node=\"17,0,0\" data-index-in-node=\"256\">&lt;section&gt;<\/code> di WordPress.<\/p><\/li><li><p data-path-to-node=\"17,1,0\"><b data-path-to-node=\"17,1,0\" data-index-in-node=\"0\">Aksesibilitas Desain<\/b>: Developer dan desainer lain dapat dengan cepat menemukan, mengunci, atau menyembunyikan elemen tertentu.<\/p><\/li><\/ul><h3 data-path-to-node=\"18\">2. Kunci untuk Auto Layout dan Konversi<\/h3><ul data-path-to-node=\"19\"><li><p data-path-to-node=\"19,0,0\"><b data-path-to-node=\"19,0,0\" data-index-in-node=\"0\">Penerapan Auto Layout<\/b>: Fitur kunci seperti <b data-path-to-node=\"19,0,0\" data-index-in-node=\"43\">Auto Layout<\/b> hanya bekerja pada <i data-path-to-node=\"19,0,0\" data-index-in-node=\"74\">Layer<\/i> yang dipilih. Jika <i data-path-to-node=\"19,0,0\" data-index-in-node=\"99\">Layer<\/i> tidak dikelompokkan dengan benar, <i data-path-to-node=\"19,0,0\" data-index-in-node=\"139\">Auto Layout<\/i> tidak akan berfungsi, membuat desain menjadi tidak responsif.<\/p><\/li><li><p data-path-to-node=\"19,1,0\"><b data-path-to-node=\"19,1,0\" data-index-in-node=\"0\">Spesifikasi CSS<\/b>: Setiap <i data-path-to-node=\"19,1,0\" data-index-in-node=\"24\">Layer<\/i> yang bersih (diberi nama, dan berada dalam Frame yang tepat) memungkinkan plugin konversi (seperti UiChemy) untuk membaca properti CSS-nya (ukuran, warna, jarak\/padding, margin) secara akurat.<\/p><\/li><\/ul><h3 data-path-to-node=\"20\">3. Penamaan yang Efektif (Naming Convention)<\/h3><ul data-path-to-node=\"21\"><li><p data-path-to-node=\"21,0,0\"><b data-path-to-node=\"21,0,0\" data-index-in-node=\"0\">Mengidentifikasi Fungsi<\/b>: Memberi nama <i data-path-to-node=\"21,0,0\" data-index-in-node=\"38\">Layer<\/i> secara deskriptif (misalnya, <code data-path-to-node=\"21,0,0\" data-index-in-node=\"73\">H1-Title-Hero<\/code> daripada <code data-path-to-node=\"21,0,0\" data-index-in-node=\"96\">Text 1<\/code>) membantu alat konversi memetakan elemen ke <b data-path-to-node=\"21,0,0\" data-index-in-node=\"147\">Widget<\/b> atau <b data-path-to-node=\"21,0,0\" data-index-in-node=\"159\">Block<\/b> WordPress yang sesuai.<\/p><\/li><\/ul><blockquote data-path-to-node=\"22\"><p data-path-to-node=\"22,0\"><b data-path-to-node=\"22,0\" data-index-in-node=\"0\">Intinya<\/b>: Semakin bersih dan logis penataan <i data-path-to-node=\"22,0\" data-index-in-node=\"43\">Layer<\/i> Anda di Figma, semakin sedikit waktu yang dibutuhkan developer untuk membersihkan dan menyesuaikan kode di WordPress. <i data-path-to-node=\"22,0\" data-index-in-node=\"167\">Layer<\/i> adalah cetak biru (blueprint) kode situs Anda.<\/p><p data-path-to-node=\"22,0\">Baca juga Desain <a href=\"https:\/\/regarcomm.com\/?p=3118\">website dengan Figma<\/a><\/p><p data-path-to-node=\"22,0\">Baca juga konversi <a href=\"https:\/\/regarcomm.com\/?p=3124\">figma ke WordPress<\/a><\/p><\/blockquote><\/div>\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-1ad7f99 e-flex e-con-boxed e-con e-parent\" data-id=\"1ad7f99\" 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-fb2759a elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-widget elementor-widget-posts\" data-id=\"fb2759a\" 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-4066 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=4066\" 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=\"300\" height=\"168\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/jsimage-300x168.jpg\" class=\"attachment-medium size-medium wp-image-3501\" alt=\"\" srcset=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/jsimage-300x168.jpg 300w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/jsimage.jpg 500w\" 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=4066\" >\n\t\t\t\tPromo Aplikasi Tanpa Web Regarcomm\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\t28 Agustus 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>Level Up Bisnismu dengan Aplikasi Web dari Regarcomm Regarcomm Development<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=4066\" aria-label=\"Read more about Promo Aplikasi Tanpa Web Regarcomm\" 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-4061 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=4061\" 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=\"243\" height=\"208\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/08\/download-2026-04-25T111005.537.jpg\" class=\"attachment-medium size-medium wp-image-3543\" 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=4061\" >\n\t\t\t\tPromo Aplikasi Regarcomm Development\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\t28 Agustus 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>Level Up Bisnismu dengan Aplikasi Web dari Regarcomm \ud83d\udd25 Level<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=4061\" aria-label=\"Read more about Promo Aplikasi Regarcomm Development\" 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-4056 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=4056\" 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\/2021\/05\/SingleProduct-10-300x300.jpg\" class=\"attachment-medium size-medium wp-image-3716\" alt=\"\" srcset=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2021\/05\/SingleProduct-10-300x300.jpg 300w, https:\/\/regarcomm.com\/wp-content\/uploads\/2021\/05\/SingleProduct-10-100x100.jpg 100w, https:\/\/regarcomm.com\/wp-content\/uploads\/2021\/05\/SingleProduct-10-600x600.jpg 600w, https:\/\/regarcomm.com\/wp-content\/uploads\/2021\/05\/SingleProduct-10-150x150.jpg 150w, https:\/\/regarcomm.com\/wp-content\/uploads\/2021\/05\/SingleProduct-10-768x768.jpg 768w, https:\/\/regarcomm.com\/wp-content\/uploads\/2021\/05\/SingleProduct-10.jpg 804w\" 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=4056\" >\n\t\t\t\tPromo Bank Sampah\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\t28 Agustus 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 Bank Sampah Modern | Regarcomm Development Regarcomm Development Lihat<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=4056\" aria-label=\"Read more about Promo Bank Sampah\" 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-4019 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=4019\" 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=\"147\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/08\/photo_2026-08-26_07-58-26-300x147.jpg\" class=\"attachment-medium size-medium wp-image-3802\" alt=\"\" srcset=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/08\/photo_2026-08-26_07-58-26-300x147.jpg 300w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/08\/photo_2026-08-26_07-58-26.jpg 757w\" 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=4019\" >\n\t\t\t\tAplikasi Web Tanpa Hosting &amp; Domain\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 Agustus 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>Regarcomm Development beri solusi praktis: membangun aplikasi web tanpa perlu<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=4019\" aria-label=\"Read more about Aplikasi Web Tanpa Hosting &amp; Domain\" 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-4011 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=4011\" 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=\"251\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2025\/09\/Buat-Website-1-300x251.png\" class=\"attachment-medium size-medium wp-image-1068\" alt=\"\" srcset=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2025\/09\/Buat-Website-1-300x251.png 300w, https:\/\/regarcomm.com\/wp-content\/uploads\/2025\/09\/Buat-Website-1-600x503.png 600w, https:\/\/regarcomm.com\/wp-content\/uploads\/2025\/09\/Buat-Website-1-768x644.png 768w, https:\/\/regarcomm.com\/wp-content\/uploads\/2025\/09\/Buat-Website-1.png 940w\" 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=4011\" >\n\t\t\t\tLanding Page Regarcomm Development\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 Agustus 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\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=4011\" aria-label=\"Read more about Landing Page Regarcomm Development\" 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-3797 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=3797\" 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=\"251\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/08\/Regarcomm1-300x251.jpg\" class=\"attachment-medium size-medium wp-image-3770\" alt=\"\" srcset=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/08\/Regarcomm1-300x251.jpg 300w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/08\/Regarcomm1-1024x858.jpg 1024w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/08\/Regarcomm1-768x644.jpg 768w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/08\/Regarcomm1-600x503.jpg 600w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/08\/Regarcomm1.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=3797\" >\n\t\t\t\tLanding Page Regarcomm Development\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\t25 Agustus 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>Regarcomm Development &#8211; Jasa Pembuatan Website Profesional \ud83d\udcac REGARCOMM DEVELOPMENT<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=3797\" aria-label=\"Read more about Landing Page Regarcomm Development\" 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, saya akan jelaskan cara menyiapkan Mega Menu dan Slider di Figma, serta apa fungsi krusial dari Layer dalam satu halaman desain. \ud83e\udded Membuat Mega Menu dan Slider di Figma Mega Menu dan Slider adalah elemen kompleks yang sangat bergantung pada fitur Components, Auto Layout, dan Interactions di Figma agar dapat dikonversi dengan baik ke&#8230;<\/p>\n","protected":false},"author":1,"featured_media":3130,"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-3133","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>Membuat Mega Menu Dan Slider Di Figma - 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=3133\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Membuat Mega Menu Dan Slider Di Figma - Regarcomm Development\" \/>\n<meta property=\"og:description\" content=\"Tentu, saya akan jelaskan cara menyiapkan Mega Menu dan Slider di Figma, serta apa fungsi krusial dari Layer dalam satu halaman desain. \ud83e\udded Membuat Mega Menu dan Slider di Figma Mega Menu dan Slider adalah elemen kompleks yang sangat bergantung pada fitur Components, Auto Layout, dan Interactions di Figma agar dapat dikonversi dengan baik ke...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/regarcomm.com\/?p=3133\" \/>\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:13:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-26T11:19:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-19T131141.490.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"168\" \/>\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=3133#article\",\"isPartOf\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3133\"},\"author\":{\"name\":\"Ewin\",\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912\"},\"headline\":\"Membuat Mega Menu Dan Slider Di Figma\",\"datePublished\":\"2026-05-19T06:13:16+00:00\",\"dateModified\":\"2026-08-26T11:19:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3133\"},\"wordCount\":605,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/regarcomm.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3133#primaryimage\"},\"thumbnailUrl\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-19T131141.490.jpg\",\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/regarcomm.com\/?p=3133#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/regarcomm.com\/?p=3133\",\"url\":\"https:\/\/regarcomm.com\/?p=3133\",\"name\":\"Membuat Mega Menu Dan Slider Di Figma - Regarcomm Development\",\"isPartOf\":{\"@id\":\"https:\/\/regarcomm.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3133#primaryimage\"},\"image\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3133#primaryimage\"},\"thumbnailUrl\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-19T131141.490.jpg\",\"datePublished\":\"2026-05-19T06:13:16+00:00\",\"dateModified\":\"2026-08-26T11:19:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/regarcomm.com\/?p=3133#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/regarcomm.com\/?p=3133\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/regarcomm.com\/?p=3133#primaryimage\",\"url\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-19T131141.490.jpg\",\"contentUrl\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-19T131141.490.jpg\",\"width\":300,\"height\":168},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/regarcomm.com\/?p=3133#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\/\/regarcomm.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Membuat Mega Menu Dan Slider Di Figma\"}]},{\"@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":"Membuat Mega Menu Dan Slider Di Figma - 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=3133","og_locale":"id_ID","og_type":"article","og_title":"Membuat Mega Menu Dan Slider Di Figma - Regarcomm Development","og_description":"Tentu, saya akan jelaskan cara menyiapkan Mega Menu dan Slider di Figma, serta apa fungsi krusial dari Layer dalam satu halaman desain. \ud83e\udded Membuat Mega Menu dan Slider di Figma Mega Menu dan Slider adalah elemen kompleks yang sangat bergantung pada fitur Components, Auto Layout, dan Interactions di Figma agar dapat dikonversi dengan baik ke...","og_url":"https:\/\/regarcomm.com\/?p=3133","og_site_name":"Regarcomm Development","article_publisher":"https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/","article_published_time":"2026-05-19T06:13:16+00:00","article_modified_time":"2026-08-26T11:19:28+00:00","og_image":[{"width":300,"height":168,"url":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-19T131141.490.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=3133#article","isPartOf":{"@id":"https:\/\/regarcomm.com\/?p=3133"},"author":{"name":"Ewin","@id":"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912"},"headline":"Membuat Mega Menu Dan Slider Di Figma","datePublished":"2026-05-19T06:13:16+00:00","dateModified":"2026-08-26T11:19:28+00:00","mainEntityOfPage":{"@id":"https:\/\/regarcomm.com\/?p=3133"},"wordCount":605,"commentCount":0,"publisher":{"@id":"https:\/\/regarcomm.com\/#organization"},"image":{"@id":"https:\/\/regarcomm.com\/?p=3133#primaryimage"},"thumbnailUrl":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-19T131141.490.jpg","inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/regarcomm.com\/?p=3133#respond"]}]},{"@type":"WebPage","@id":"https:\/\/regarcomm.com\/?p=3133","url":"https:\/\/regarcomm.com\/?p=3133","name":"Membuat Mega Menu Dan Slider Di Figma - Regarcomm Development","isPartOf":{"@id":"https:\/\/regarcomm.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/regarcomm.com\/?p=3133#primaryimage"},"image":{"@id":"https:\/\/regarcomm.com\/?p=3133#primaryimage"},"thumbnailUrl":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-19T131141.490.jpg","datePublished":"2026-05-19T06:13:16+00:00","dateModified":"2026-08-26T11:19:28+00:00","breadcrumb":{"@id":"https:\/\/regarcomm.com\/?p=3133#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/regarcomm.com\/?p=3133"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/regarcomm.com\/?p=3133#primaryimage","url":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-19T131141.490.jpg","contentUrl":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-19T131141.490.jpg","width":300,"height":168},{"@type":"BreadcrumbList","@id":"https:\/\/regarcomm.com\/?p=3133#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/regarcomm.com\/"},{"@type":"ListItem","position":2,"name":"Membuat Mega Menu Dan Slider Di Figma"}]},{"@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\/download-2026-05-19T131141.490.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts\/3133","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=3133"}],"version-history":[{"count":4,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts\/3133\/revisions"}],"predecessor-version":[{"id":3137,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts\/3133\/revisions\/3137"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/media\/3130"}],"wp:attachment":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3133"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}