[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-figma-to-website-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":47,"alternatives-figma-to-website-en-US":125,"related-resources-figma-to-website-en-US":186},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":22,"cons":26,"best_for":29,"cover":30,"icon":9,"pricing":31,"platform":32,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":34,"views_count":35,"featured_rank":9,"categories":36,"tags":41,"files":9},806,"Figma to Website","figma-to-website","https:\u002F\u002Ffigma.to.website",null,"Publish live websites from Figma designs","Figma to Website is a paid service that lets you publish fully functional websites directly from your Figma designs without writing any code. It generates responsive HTML output, supports custom domains, and enables one-click publishing. Simply design in Figma, connect your account, and get a live website with no development work required.",{"title":13,"meta_description":14},"Figma to Website -- Publish live websites from Figma designs","Figma to Website is a paid service that lets you publish fully functional websites directly from your Figma designs without writing any code. It generates re...",[16,17,18,19,20,21],"One-click publish from Figma to live website","Responsive output that works on all devices","Custom domain support for professional branding","No coding knowledge required","Real-time sync between Figma and published site","Clean generated HTML and CSS code",[23,24,25],"Extremely fast workflow from design to live site","No development skills needed at all","Custom domains supported for professional use",[27,28],"Paid subscription required for full features","Limited customization beyond Figma design capabilities","Best for designers and non-developers who want to turn Figma designs into live websites quickly without coding","e81f59a8-7c6e-4600-b377-3a5bdcd5636f.webp","paid",[33],"Web",{"paid":3},0,[37],{"name":38,"slug":39,"sub_categories":40},"Design Tools","design-tools",[],[42,44],{"name":43,"slug":31},"Paid",{"name":45,"slug":46},"Web Design","web-design",[48,71,86,99],{"id":49,"url":50,"icon":9,"name":51,"slug":52,"tags":53,"cover":67,"tagline":68,"is_featured":69,"date_created":70,"date_updated":9},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[54,57,59,61,63,65],{"seo":9,"name":55,"slug":56},"Free","free",{"seo":9,"name":9,"slug":58},"fonts",{"seo":9,"name":9,"slug":60},"icons",{"seo":9,"name":9,"slug":62},"mockups",{"seo":9,"name":9,"slug":64},"ui-kits",{"seo":9,"name":9,"slug":66},"design-systems","39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools",false,"2026-07-16T01:44:01.585569+00:00",{"id":72,"url":73,"icon":9,"name":74,"slug":75,"tags":76,"cover":83,"tagline":84,"is_featured":69,"date_created":85,"date_updated":9},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[77,78,81],{"seo":9,"name":55,"slug":56},{"seo":9,"name":79,"slug":80},"Open Source","open-source",{"seo":9,"name":9,"slug":82},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":87,"url":88,"icon":9,"name":89,"slug":90,"tags":91,"cover":96,"tagline":97,"is_featured":69,"date_created":98,"date_updated":9},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[92,93,94],{"seo":9,"name":55,"slug":56},{"seo":9,"name":9,"slug":64},{"seo":9,"name":9,"slug":95},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":100,"url":101,"icon":9,"name":102,"slug":103,"tags":104,"cover":122,"tagline":123,"is_featured":69,"date_created":124,"date_updated":9},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[105,108,110,111,114,115,116,118,120],{"seo":9,"name":106,"slug":107},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":109},"ai",{"seo":9,"name":55,"slug":56},{"seo":9,"name":112,"slug":113},"Freemium","freemium",{"seo":9,"name":9,"slug":64},{"seo":9,"name":9,"slug":66},{"seo":9,"name":9,"slug":117},"prototyping",{"seo":9,"name":9,"slug":119},"no-code",{"seo":9,"name":9,"slug":121},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[126,132,138,144,150,156,162,168,174,180],{"url":127,"name":128,"slug":129,"cover":130,"tagline":131},"https:\u002F\u002Fpixel.heyfe.org","Pixel Hey","pixel-hey","b831a261-da0e-4c2a-ad23-8479de51748d.webp","Turn any image into pixel art online",{"url":133,"name":134,"slug":135,"cover":136,"tagline":137},"https:\u002F\u002Fmoonvy.com\u002Fapps\u002FPxEvapo\u002F","PxEvapo","pxevapo","d78f9c86-96b5-4325-8dee-3d1892e86507.webp","Online image resizing and compression tool",{"url":139,"name":140,"slug":141,"cover":142,"tagline":143},"https:\u002F\u002Fpicsee.co","Picsee","picsee","9a696a5e-9acd-45e1-a9c5-efee29a9543f.webp","Screenshot annotation and sharing tool",{"url":145,"name":146,"slug":147,"cover":148,"tagline":149},"https:\u002F\u002Fx.ant.design","Ant Design X","ant-design-x","d137be0a-9852-4925-ab5d-f3a55ae63682.webp","Conversational UI component library by Ant Group",{"url":151,"name":152,"slug":153,"cover":154,"tagline":155},"https:\u002F\u002Fimageprompt.org","ImagePrompt","imageprompt","9210d8bd-a879-4683-a60b-193d44cb343c.webp","Free AI image-to-prompt generator",{"url":157,"name":158,"slug":159,"cover":160,"tagline":161},"https:\u002F\u002Fclipbook.app","Clipbook","clipbook","925fd4fd-3e4c-49dc-a0c5-af653d860315.webp","macOS clipboard history manager",{"url":163,"name":164,"slug":165,"cover":166,"tagline":167},"https:\u002F\u002Fgithub.cards","GitHub.cards","github-cards","58b0c7d4-d07f-464a-b07f-584728d96ba8.webp","Generate beautiful GitHub profile data cards",{"url":169,"name":170,"slug":171,"cover":172,"tagline":173},"https:\u002F\u002Fcsshero.org\u002Fmesher","CSS Hero Mesher","css-hero-mesher","c8e938c6-095b-4b0f-b2b4-e24a18bec17d.webp","Create beautiful mesh gradient backgrounds with CSS",{"url":175,"name":176,"slug":177,"cover":178,"tagline":179},"https:\u002F\u002Fblazy.studio\u002Fapp","Blazy Studio","blazy-studio","ec2cfd45-1569-4a57-979c-7c79d107b6a3.webp","Turn Figma prototypes into video animations",{"url":181,"name":182,"slug":183,"cover":184,"tagline":185},"https:\u002F\u002Femojis.alexandru.so","AI Emojis","ai-emojis","f80c09f5-50e2-4b68-afc2-e28b071722df.webp","Generate unique emojis with artificial intelligence",[187,200,216],{"url":188,"icon":9,"name":189,"slug":190,"tags":191,"cover":197,"tagline":198,"is_featured":3,"date_created":199,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[192,194,195,196],{"seo":9,"name":9,"slug":193},"collaboration",{"seo":9,"name":9,"slug":117},{"seo":9,"name":112,"slug":113},{"seo":9,"name":9,"slug":121},"7dc9bed7-8510-495f-82b3-84a60b1b4819.webp","Fast, streamlined issue tracking and project management — built for modern product teams","2026-06-16T07:18:11.23048+00:00",{"url":201,"icon":9,"name":202,"slug":203,"tags":204,"cover":213,"tagline":214,"is_featured":3,"date_created":215,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[205,206,207,209,211],{"seo":9,"name":55,"slug":56},{"seo":9,"name":79,"slug":80},{"seo":9,"name":9,"slug":208},"image-editing",{"seo":9,"name":9,"slug":210},"svg",{"seo":9,"name":9,"slug":212},"print-design","9f4321c5-7770-4e9d-a434-774fc0698c90.webp","The free and open-source image editor — a powerful Photoshop alternative for photo retouching and image composition","2026-06-16T07:16:45.154035+00:00",{"url":217,"icon":9,"name":218,"slug":219,"tags":220,"cover":226,"tagline":227,"is_featured":3,"date_created":228,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[221,223,224,225],{"seo":9,"name":9,"slug":222},"wireframe",{"seo":9,"name":9,"slug":117},{"seo":9,"name":9,"slug":193},{"seo":9,"name":112,"slug":113},"3d08be4f-39f6-4152-a769-e28d1a04aac2.webp","Fast, focused wireframing tool that keeps conversations on structure — not pixels","2026-06-16T07:14:07.685566+00:00"]