[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-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":115,"related-resources-figma-to-website-en-US":176},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,80,91,101],{"id":49,"url":50,"icon":9,"name":51,"slug":52,"tags":53,"cover":76,"tagline":77,"is_featured":78,"date_created":79,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[54,57,59,62,64,66,68,70,72,74],{"seo":9,"name":55,"slug":56},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":58},"ai",{"seo":9,"name":60,"slug":61},"Freemium","freemium",{"seo":9,"name":9,"slug":63},"free-trial",{"seo":9,"name":9,"slug":65},"image-editing",{"seo":9,"name":9,"slug":67},"video",{"seo":9,"name":9,"slug":69},"animation",{"seo":9,"name":9,"slug":71},"prototyping",{"seo":9,"name":9,"slug":73},"no-code",{"seo":9,"name":9,"slug":75},"productivity","fc3931e4-3210-4155-a94b-da3a261fe281.webp","The next-gen AI for design — powered by Claude Opus 4.7",false,"2026-06-28T03:12:01.911314+00:00",{"id":81,"url":82,"icon":9,"name":83,"slug":84,"tags":85,"cover":88,"tagline":89,"is_featured":78,"date_created":90,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[86],{"seo":9,"name":9,"slug":87},"colors","eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":92,"url":93,"icon":9,"name":94,"slug":95,"tags":96,"cover":98,"tagline":99,"is_featured":78,"date_created":100,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[97],{"seo":9,"name":9,"slug":87},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":102,"url":103,"icon":9,"name":104,"slug":105,"tags":106,"cover":112,"tagline":113,"is_featured":78,"date_created":114,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[107,110],{"seo":9,"name":108,"slug":109},"Free","free",{"seo":9,"name":9,"slug":111},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[116,122,128,134,140,146,152,158,164,170],{"url":117,"name":118,"slug":119,"cover":120,"tagline":121},"https:\u002F\u002Fpixel.heyfe.org","Pixel Hey","pixel-hey","b831a261-da0e-4c2a-ad23-8479de51748d.webp","Turn any image into pixel art online",{"url":123,"name":124,"slug":125,"cover":126,"tagline":127},"https:\u002F\u002Fmoonvy.com\u002Fapps\u002FPxEvapo\u002F","PxEvapo","pxevapo","d78f9c86-96b5-4325-8dee-3d1892e86507.webp","Online image resizing and compression tool",{"url":129,"name":130,"slug":131,"cover":132,"tagline":133},"https:\u002F\u002Fpicsee.co","Picsee","picsee","9a696a5e-9acd-45e1-a9c5-efee29a9543f.webp","Screenshot annotation and sharing tool",{"url":135,"name":136,"slug":137,"cover":138,"tagline":139},"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":141,"name":142,"slug":143,"cover":144,"tagline":145},"https:\u002F\u002Fimageprompt.org","ImagePrompt","imageprompt","9210d8bd-a879-4683-a60b-193d44cb343c.webp","Free AI image-to-prompt generator",{"url":147,"name":148,"slug":149,"cover":150,"tagline":151},"https:\u002F\u002Fclipbook.app","Clipbook","clipbook","925fd4fd-3e4c-49dc-a0c5-af653d860315.webp","macOS clipboard history manager",{"url":153,"name":154,"slug":155,"cover":156,"tagline":157},"https:\u002F\u002Fgithub.cards","GitHub.cards","github-cards","58b0c7d4-d07f-464a-b07f-584728d96ba8.webp","Generate beautiful GitHub profile data cards",{"url":159,"name":160,"slug":161,"cover":162,"tagline":163},"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":165,"name":166,"slug":167,"cover":168,"tagline":169},"https:\u002F\u002Fblazy.studio\u002Fapp","Blazy Studio","blazy-studio","ec2cfd45-1569-4a57-979c-7c79d107b6a3.webp","Turn Figma prototypes into video animations",{"url":171,"name":172,"slug":173,"cover":174,"tagline":175},"https:\u002F\u002Femojis.alexandru.so","AI Emojis","ai-emojis","f80c09f5-50e2-4b68-afc2-e28b071722df.webp","Generate unique emojis with artificial intelligence",[177,190,207],{"url":178,"icon":9,"name":179,"slug":180,"tags":181,"cover":187,"tagline":188,"is_featured":3,"date_created":189,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[182,184,185,186],{"seo":9,"name":9,"slug":183},"collaboration",{"seo":9,"name":9,"slug":71},{"seo":9,"name":60,"slug":61},{"seo":9,"name":9,"slug":75},"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":191,"icon":9,"name":192,"slug":193,"tags":194,"cover":204,"tagline":205,"is_featured":3,"date_created":206,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[195,196,199,200,202],{"seo":9,"name":108,"slug":109},{"seo":9,"name":197,"slug":198},"Open Source","open-source",{"seo":9,"name":9,"slug":65},{"seo":9,"name":9,"slug":201},"svg",{"seo":9,"name":9,"slug":203},"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":208,"icon":9,"name":209,"slug":210,"tags":211,"cover":217,"tagline":218,"is_featured":3,"date_created":219,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[212,214,215,216],{"seo":9,"name":9,"slug":213},"wireframe",{"seo":9,"name":9,"slug":71},{"seo":9,"name":9,"slug":183},{"seo":9,"name":60,"slug":61},"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"]