{"id":2548,"date":"2022-09-01T11:32:40","date_gmt":"2022-09-01T04:32:40","guid":{"rendered":"https:\/\/mez.ink\/blog\/blog\/?p=2548"},"modified":"2022-09-06T12:38:11","modified_gmt":"2022-09-06T05:38:11","slug":"template-ui-ux-figma","status":"publish","type":"post","link":"https:\/\/mez.ink\/blog\/template-ui-ux-figma\/","title":{"rendered":"10 Template Figma UI\/UX Design Gratis"},"content":{"rendered":"\n<p>Penggunaan template Figma untuk membuat UI\/UX design sudah tidak asing lagi dikalangan para UI\/UX designer. Selain itu, penggunaan Figma yang bisa diakses oleh tim menjadikan aplikasi editing ini digemari banyak UI\/UX designer dan banyak template figma gratis bertebaran. Selain mudah digunakan, <a href=\"https:\/\/mez.ink\/blog\/blog\/get-started-with-figma\/\">Figma<\/a> juga dapat digunakan secara online hanya dengan hanya diakses dari website saja. <\/p>\n\n\n\n<p>Namun, untuk kamu yang masih pemula dalam membuat UI\/UX design, kamu tidak perlu khawatir dan cemas karena belum terlalu menguasai tools Figma. Untuk memulai belajar, kamu dapat menggunakan rekomendasi template figma UI\/UX design website dan aplikasi yang akan kami bahas. Template ini juga bisa kamu manfaatkan untuk membuka jasa design UI\/UX ataupun untuk website dan aplikasimu sendiri. Langsung saja, simak rekomendasi 10 template Figma UI\/UX design website dan aplikasi gratis dibawah ini.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Rekomendasi Template Figma <strong>UI\/UX Design<\/strong> Website dan Aplikasi Gratis<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. <span class=\"has-inline-color has-vivid-cyan-blue-color\"><strong><a href=\"https:\/\/www.figma.com\/community\/file\/970595453636409922\">Movie app<\/a> <\/strong><\/span>by Mart<\/h3>\n\n\n\n<p>Template website yang satu ini memiliki tema website streaming film yang sejenis dengan netflix. Template ini bisa kamugunakan untuk kebutuhan website streaming filmmu. Selain itu, template ini gratis dan memiliki beberapa fitur seperti:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Interactive components with animated hover states.<\/li><li>Parallax effect.<\/li><li>Horizontal sliders.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"809\" height=\"492\" src=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2022\/09\/movie-app.jpg\" alt=\"template figma movie app\" class=\"wp-image-2550\" srcset=\"https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/movie-app.jpg 809w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/movie-app-300x182.jpg 300w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/movie-app-768x467.jpg 768w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/movie-app-150x91.jpg 150w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/movie-app-696x423.jpg 696w\" sizes=\"auto, (max-width: 809px) 100vw, 809px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">2. <a href=\"https:\/\/www.figma.com\/community\/file\/836596421863073964\"><span class=\"has-inline-color has-vivid-cyan-blue-color\"><strong>Mobile UI Kit<\/strong><\/span><\/a> by Toni Gemayel<\/h3>\n\n\n\n<p>Template aplikasi Mobile UI Kit yang dibuat oleh Toni Gemayel inidpaat kamu manfaatkan untuk membuat UI\/UX design dasar. Kamu bisa mengkostumisasi konten maupun komponen dalam template ini secara gratis.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"853\" height=\"447\" src=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2022\/09\/mobile-ui-kit.jpg\" alt=\"template figma mobile ui kit\" class=\"wp-image-2552\" srcset=\"https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/mobile-ui-kit.jpg 853w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/mobile-ui-kit-300x157.jpg 300w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/mobile-ui-kit-768x402.jpg 768w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/mobile-ui-kit-150x79.jpg 150w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/mobile-ui-kit-696x365.jpg 696w\" sizes=\"auto, (max-width: 853px) 100vw, 853px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">3. <a href=\"https:\/\/www.figma.com\/community\/file\/1130751076587602192\"><span class=\"has-inline-color has-vivid-cyan-blue-color\"><strong>Cinetic<\/strong><\/span><\/a> by Yuriy Apretov<\/h3>\n\n\n\n<p>Sesuai namanya, template aplikasi yang satu ini adalah <a href=\"https:\/\/www.freecodecamp.org\/news\/ui-ux-design-guide\/\">UI\/UX design<\/a> dari aplikasi ticketing bioskop. Template ini memiliki design yang menarik yang dapat membantu kamu mengasah kemampuan design di Figma.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"806\" height=\"491\" src=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2022\/09\/cinetick.jpg\" alt=\"template figma cinetic\" class=\"wp-image-2553\" srcset=\"https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/cinetick.jpg 806w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/cinetick-300x183.jpg 300w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/cinetick-768x468.jpg 768w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/cinetick-150x91.jpg 150w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/cinetick-696x424.jpg 696w\" sizes=\"auto, (max-width: 806px) 100vw, 806px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">4. <a href=\"https:\/\/www.figma.com\/community\/file\/1144579894061876005\"><span class=\"has-inline-color has-vivid-cyan-blue-color\"><strong>NFT Dashboard<\/strong><\/span><\/a> by Nickelfox Design<\/h3>\n\n\n\n<p>Untuk kamu yang sedang berkecimpung di dunia <a href=\"https:\/\/mez.ink\/blog\/blog\/cara-mempromosikan-nft\/\">NFT<\/a>, kamu bisa menggunakan template UI\/UX design ini untuk membuat dashboard NFT.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"501\" src=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2022\/09\/nft.jpg\" alt=\"template figma nft\" class=\"wp-image-2554\" srcset=\"https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/nft.jpg 819w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/nft-300x184.jpg 300w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/nft-768x470.jpg 768w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/nft-150x92.jpg 150w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/nft-696x426.jpg 696w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">5. <a href=\"https:\/\/www.figma.com\/community\/file\/1146375874815484822\"><span class=\"has-inline-color has-vivid-cyan-blue-color\"><strong>Digital Agency Landing Page<\/strong><\/span><\/a> by Taqwah<\/h3>\n\n\n\n<p>Template UI\/UX satu ini berbentuk landung page untuk digital agency. Kamu dapat menggunakannya untuk membuat landing page dengan mengkostumisasinya menjadi seperti yang kamu inginkan di Figma.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"802\" height=\"491\" src=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2022\/09\/digital-agency.jpg\" alt=\"template figma digital agency\" class=\"wp-image-2555\" srcset=\"https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/digital-agency.jpg 802w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/digital-agency-300x184.jpg 300w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/digital-agency-768x470.jpg 768w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/digital-agency-150x92.jpg 150w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/digital-agency-696x426.jpg 696w\" sizes=\"auto, (max-width: 802px) 100vw, 802px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">6. <a href=\"https:\/\/www.figma.com\/community\/file\/1143752768458137690\"><span class=\"has-inline-color has-vivid-cyan-blue-color\"><strong>Company Profile<\/strong><\/span><\/a> by Thanaporn Udomsinprasert<\/h3>\n\n\n\n<p>Untuk kamu yang memiliki company atau perusahaan kecil dan ingin memiliki company profile, kamu dapat menggunakan template website ini secara gratis.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"814\" height=\"496\" src=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2022\/09\/company.jpg\" alt=\"template figma company profile\" class=\"wp-image-2556\" srcset=\"https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/company.jpg 814w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/company-300x183.jpg 300w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/company-768x468.jpg 768w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/company-150x91.jpg 150w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/company-696x424.jpg 696w\" sizes=\"auto, (max-width: 814px) 100vw, 814px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">7. <a href=\"https:\/\/www.figma.com\/community\/file\/1145077165519082651\"><span class=\"has-inline-color has-vivid-cyan-blue-color\"><strong>Mealz<\/strong><\/span><\/a> by Muhamed Ghulam<\/h3>\n\n\n\n<p>Mealz adalah landing page sebuah online delivery service food. Dalam template gratis ini, kamu bisa mendapatkan template website dan aplikasi sekaligus.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"816\" height=\"496\" src=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2022\/09\/mealz.jpg\" alt=\"template figma mealz\" class=\"wp-image-2557\" srcset=\"https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/mealz.jpg 816w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/mealz-300x182.jpg 300w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/mealz-768x467.jpg 768w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/mealz-150x91.jpg 150w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/mealz-696x423.jpg 696w\" sizes=\"auto, (max-width: 816px) 100vw, 816px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">8. <span class=\"has-inline-color has-vivid-cyan-blue-color\"><strong><a href=\"https:\/\/www.figma.com\/community\/file\/1142452460696910124\">Personal Portfolio<\/a> <\/strong><\/span>by Elijah<\/h3>\n\n\n\n<p>Ingin portofoliomu menarik dan dilirik HRD? Kamu dapat mengguankan template UI\/UX ini untuk membangun personal portfoliomu. Template ini dilengkapi dengan interactive dan animation design yang akan membuat portfolio kamu lebih menarik.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"813\" height=\"500\" src=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2022\/09\/portfolio.jpg\" alt=\"template figma personal portfolio\" class=\"wp-image-2558\" srcset=\"https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/portfolio.jpg 813w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/portfolio-300x185.jpg 300w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/portfolio-768x472.jpg 768w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/portfolio-150x92.jpg 150w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/portfolio-696x428.jpg 696w\" sizes=\"auto, (max-width: 813px) 100vw, 813px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">9. <a href=\"https:\/\/www.figma.com\/community\/file\/1142100470229910533\"><span class=\"has-inline-color has-vivid-cyan-blue-color\"><strong>Reasa<\/strong><\/span><\/a> by Sobakhul Munir Siroj<\/h3>\n\n\n\n<p>Untuk kamu yang berminat memulai bisnis real estate, kamu bisa mengguanakn template ini untuk membuat aplikasi transaksi dan display real estate. Templatee ini bersifat sample dan gratis untuk kamu mendalami figma. Jika kamu ingin menggunakan template ini untuk kebutuhan komersil, kamu bisa menghubungi creator template ini dan membelinya.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"808\" height=\"494\" src=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2022\/09\/reasa.jpg\" alt=\"template figma reasa\" class=\"wp-image-2559\" srcset=\"https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/reasa.jpg 808w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/reasa-300x183.jpg 300w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/reasa-768x470.jpg 768w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/reasa-150x92.jpg 150w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/reasa-696x426.jpg 696w\" sizes=\"auto, (max-width: 808px) 100vw, 808px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">10. <a href=\"https:\/\/www.figma.com\/community\/file\/1124452900536671543\"><span class=\"has-inline-color has-vivid-cyan-blue-color\"><strong>E-commerce App<\/strong><\/span><\/a> by Prince<\/h3>\n\n\n\n<p>Template ini gratis untuk kamu gunakan sebagai latihan atau membuat UI\/UX design dari website e-commerce milikmu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"809\" height=\"496\" src=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2022\/09\/ikomers.jpg\" alt=\"template figma e-commerce\" class=\"wp-image-2560\" srcset=\"https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/ikomers.jpg 809w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/ikomers-300x184.jpg 300w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/ikomers-768x471.jpg 768w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/ikomers-150x92.jpg 150w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/09\/ikomers-696x427.jpg 696w\" sizes=\"auto, (max-width: 809px) 100vw, 809px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Kesimpulan<\/h2>\n\n\n\n<p>Itulah 10 Template UI\/UX Design Website dan Aplikasi Figma Gratis untuk kamu. Kamu bisa menggunakannya untuk mengembangkan aplikasimu sendiri atau untuk belajar menggunakan figma untuk membuat UI\/UX Design. Kamu bisa memaksimalkan pemahaman kamu dalam menggunakan tools figma dengan berlatih dengan menggunakan template-template website dan aplikasi gratis diatas. Semoga bermanfaat!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/qrgo.page.link\/7YgUS\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"337\" src=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2021\/12\/Jadi-YouTuber-Terkenal-Dengan-Mezink.jpg\" alt=\"Jadi YouTuber Terkenal Dengan Mezink\" class=\"wp-image-755\" srcset=\"https:\/\/mez.ink\/blog\/wp-content\/uploads\/2021\/12\/Jadi-YouTuber-Terkenal-Dengan-Mezink.jpg 600w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2021\/12\/Jadi-YouTuber-Terkenal-Dengan-Mezink-300x169.jpg 300w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2021\/12\/Jadi-YouTuber-Terkenal-Dengan-Mezink-150x84.jpg 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Penggunaan template Figma untuk membuat UI\/UX design sudah tidak asing lagi dikalangan para UI\/UX designer. Selain itu, penggunaan Figma yang bisa diakses oleh tim menjadikan aplikasi editing ini digemari banyak UI\/UX designer dan banyak template figma gratis bertebaran. Selain mudah digunakan, Figma juga dapat digunakan secara online hanya dengan hanya diakses dari website saja. Namun, [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":2564,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[288],"tags":[225,76,261,262,212],"class_list":{"0":"post-2548","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tutorial-figma","8":"tag-figma","9":"tag-informational","10":"tag-template-figma","11":"tag-template-figma-gratis","12":"tag-tips"},"_links":{"self":[{"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/posts\/2548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/comments?post=2548"}],"version-history":[{"count":3,"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/posts\/2548\/revisions"}],"predecessor-version":[{"id":2569,"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/posts\/2548\/revisions\/2569"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/media\/2564"}],"wp:attachment":[{"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/media?parent=2548"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/categories?post=2548"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/tags?post=2548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}