CINXE.COM

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/><link rel="stylesheet" href="/_next/static/css/a72ac300b2b8aae3.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/1ea9739f23a3b69e.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/8f6f840789d23ad8.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/fa118094cc4cd9f8.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/c99d6c2024146960.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/639ca35bc51610d3.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/1571eeb1adaac6eb.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/da95359741fd339a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/fcda3aac4677cad7.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/52c78cbf7408e1af.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/6a29de96c920f097.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/c7820bf0de1097b1.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0a0d922ec8281d19.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/b0e0dd11aa1ac818.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-d2b397d461e59162.js"/><script src="/_next/static/chunks/fd9d1056-96a9c9a805849b31.js" async=""></script><script src="/_next/static/chunks/8523-44072685e11ad456.js" async=""></script><script src="/_next/static/chunks/main-app-c3ffcc96edcc8029.js" async=""></script><script src="/_next/static/chunks/53877-51c4a285eb192ef0.js" async=""></script><script src="/_next/static/chunks/46403-e33a58cdfbb894e8.js" async=""></script><script src="/_next/static/chunks/58056-751c28e77ae5a19a.js" async=""></script><script src="/_next/static/chunks/87138-0346ed4de56c8f41.js" async=""></script><script src="/_next/static/chunks/48191-5065c49d069bd01c.js" async=""></script><script src="/_next/static/chunks/14604-45e3a9aa74635210.js" async=""></script><script src="/_next/static/chunks/55579-59b56c16d22d5e09.js" async=""></script><script src="/_next/static/chunks/94531-936a58903208c445.js" async=""></script><script src="/_next/static/chunks/7851-391d4a68ffe47521.js" async=""></script><script src="/_next/static/chunks/38335-b322a3b42fdb5e3a.js" async=""></script><script src="/_next/static/chunks/50570-6a6ca0f37ede1d3b.js" async=""></script><script src="/_next/static/chunks/69558-1b9bff93d908a3d5.js" async=""></script><script src="/_next/static/chunks/63761-17f7fa9792e0fc0c.js" async=""></script><script src="/_next/static/chunks/2934-514b986e0a362e6a.js" async=""></script><script src="/_next/static/chunks/38671-83271dad71f37b96.js" async=""></script><script src="/_next/static/chunks/app/(main)/products/%5Bslug%5D/(layout)/layout-f18b9fbe7aa32ac1.js" async=""></script><script src="/_next/static/chunks/28051-6c99bb1ef2e7af63.js" async=""></script><script src="/_next/static/chunks/23714-107263d1137b8b64.js" async=""></script><script src="/_next/static/chunks/55151-9f3a96035f27a91c.js" async=""></script><script src="/_next/static/chunks/31158-f57f0197bfdfc676.js" async=""></script><script src="/_next/static/chunks/86111-10b40af0fab64eb1.js" async=""></script><script src="/_next/static/chunks/95903-22bd3ff6f84beadc.js" async=""></script><script src="/_next/static/chunks/app/(main)/layout-d5b344c3d5112f09.js" async=""></script><script src="/_next/static/chunks/74468-913b2d3a1cd26fb3.js" async=""></script><script src="/_next/static/chunks/64417-22df6c507fdbe6ed.js" async=""></script><script src="/_next/static/chunks/app/(main)/not-found-97bc615d259bf592.js" async=""></script><script src="/_next/static/chunks/1997-8c211c482f7f1b80.js" async=""></script><script src="/_next/static/chunks/87620-cdf22e94cf823402.js" async=""></script><script src="/_next/static/chunks/17436-7d847d18b236a58e.js" async=""></script><script src="/_next/static/chunks/app/layout-f3770231938d0d2a.js" async=""></script><script src="/_next/static/chunks/app/(cards)/layout-8f806a8becc1daf9.js" async=""></script><script src="/_next/static/chunks/25058-f2b5f735f386b605.js" async=""></script><script src="/_next/static/chunks/app/global-error-62b3730fa3f51ebe.js" async=""></script><script src="/_next/static/chunks/17873-c31f11c5f34602f7.js" async=""></script><script src="/_next/static/chunks/86224-d84904eb72b0dfed.js" async=""></script><script src="/_next/static/chunks/32028-92292352260f293e.js" async=""></script><script src="/_next/static/chunks/52341-cf4922efc69a0545.js" async=""></script><script src="/_next/static/chunks/48567-5dfdc8e6fb42bbea.js" async=""></script><script src="/_next/static/chunks/59539-d4616fb2727e849e.js" async=""></script><script src="/_next/static/chunks/60732-57a9cb17d418c253.js" async=""></script><script src="/_next/static/chunks/26410-8d54001898f1c180.js" async=""></script><script src="/_next/static/chunks/69898-0a7992087406b727.js" async=""></script><script src="/_next/static/chunks/64798-03fd2c5c22bd59be.js" async=""></script><script src="/_next/static/chunks/11546-533f49ed6abe1d54.js" async=""></script><script src="/_next/static/chunks/app/(main)/products/%5Bslug%5D/(layout)/page-f4da80a2121aced6.js" async=""></script><link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-WZ46833KH9" as="script"/><link rel="preload" href="https://www.googletagmanager.com/gtm.js?id=G-WZ46833KH9" as="script"/><meta property="fb:app_id" content="1467820943460899"/><link rel="search" type="application/opensearchdescription+xml" title="ProductHunt" href="/osd.xml"/><meta name="theme-color" content="#ffffff"/><title> Locofy.ai - Product Information, Latest Updates, and Reviews 2024 | Product Hunt</title><meta name="description" content="Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code."/><link rel="author" href="https://www.producthunt.com/@doduong97"/><meta name="author" content="Do Duong"/><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"/><meta name="fb:app_id" content="1467820943460899"/><link rel="alternate" type="application/atom+xml" title="Product Hunt - All newest Products" href="https://www.producthunt.com/feed"/><meta property="og:title" content=" Locofy.ai - Product Information, Latest Updates, and Reviews 2024 | Product Hunt"/><meta property="og:description" content="Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code."/><meta property="og:url" content="https://www.producthunt.com/products/locofy-ai"/><meta property="og:site_name" content="Product Hunt"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format&fit=crop&frame=1&h=512&w=1024"/><meta property="og:type" content="article"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@producthunt"/><meta name="twitter:creator" content="@doduong97"/><meta name="twitter:title" content=" Locofy.ai - Product Information, Latest Updates, and Reviews 2024 | Product Hunt"/><meta name="twitter:description" content="Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code."/><meta name="twitter:image" content="https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format&fit=crop&frame=1&h=512&w=1024"/><link rel="icon" href="https://ph-static.imgix.net/ph-favicon-brand-500.ico?auto=format"/><link rel="apple-touch-icon-precomposed" href="https://ph-static.imgix.net/ph-ios-icon.png?auto=format"/><link rel="chrome-webstore-item" href="https://producthunt.app.link/extension"/><script id="injection">window['__ENV__'] = {"NODE_ENV":"production"};</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script><script>(window[Symbol.for("ApolloSSRDataTransport")] ??= []).push({"rehydrate":{":R1kq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R5kq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rcutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R2ccutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R9kcutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rhkcutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R2kcutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R2kcutkqH1:":{"data":undefined,"loading":true,"networkStatus":1,"called":true},":Rbkcutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rjkcutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rckcutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rkkcutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rdkcutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rscutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rkutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rsutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R14utkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R1kutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R2sutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R34utkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R3cutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R1dkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R1tkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R3scutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R5scutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R1scutkq:":{"data":{"viewer":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}}},"networkStatus":7},":R1scutkqH1:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R7scutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rbscutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R17rrqkutkq:":{"data":{"product":{"__typename":"Product","id":"483584","slug":"locofy-ai","reviewsCount":174,"addonsCount":0,"canClaim":false,"badges":{"__typename":"Connection","totalCount":12},"shoutoutsToCount":1,"name":"Locofy.ai","tagline":"Build frontend 10x faster with design-to-code AI","isNoLongerOnline":false,"canEdit":false,"followersCount":4126,"activeUpcomingEvent":null,"upcomingBannerFollowers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"105600","name":"Farooq (SF Ali) Zafar","username":"sfali789","avatarUrl":"https://ph-avatars.imgix.net/105600/1b2f2e5c-2281-4acb-9777-3870f97e90e8.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"18280","name":"Chris Messina","username":"chrismessina","avatarUrl":"https://ph-avatars.imgix.net/18280/f49f2882-55cd-4279-add0-7761638c8104.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"87963","name":"dturton","username":"dturton","avatarUrl":"https://ph-avatars.imgix.net/87963/92afbdd2-25e7-4876-b49f-dab62ba33728.jpeg"}}]},"alternativesCount":15,"targetedAd":null,"followers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"5714524","name":"Trung Nguyen","username":"trungnx","avatarUrl":"https://ph-avatars.imgix.net/5714524/ea33e234-1890-4ec6-aef5-3298be8200a1.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7848831","name":"UTHMAN RUFA'I DHINNURAIN","username":"uthman_rufa_i_dhinnurain","avatarUrl":"https://ph-avatars.imgix.net/7848831/original.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"6973478","name":"Larusan Makeshwaranathan","username":"larusan_makeshwaranathan1","avatarUrl":"https://ph-avatars.imgix.net/6973478/8d50aa7b-1a57-461e-a7e0-c49b775eb928.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7075818","name":"Thokozani George","username":"thokozani_george","avatarUrl":"https://ph-avatars.imgix.net/7075818/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"3677275","name":"Thozamile Futshane","username":"thozamile_futshane","avatarUrl":"https://ph-avatars.imgix.net/3677275/91886a14-8d3e-4876-90ab-ac8714699fa8.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7804933","name":"lionel Messi","username":"lionel_messi13","avatarUrl":"https://ph-avatars.imgix.net/7804933/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7715602","name":"Sujish Jangra","username":"sujish_jangra","avatarUrl":"https://ph-avatars.imgix.net/7715602/original.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"6379139","name":"Ghanshyam Kanani","username":"ghanshyamkanani","avatarUrl":"https://ph-avatars.imgix.net/6379139/fbf4b54a-29c7-4cb3-bb36-732d0484be65.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7773723","name":"yue allan","username":"yue_allan","avatarUrl":"https://ph-avatars.imgix.net/7773723/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"586121","name":"Isaac Heng Wai","username":"isaactan","avatarUrl":"https://ph-avatars.imgix.net/586121/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"1704176","name":"Mihir Gupta","username":"mihir_gupta","avatarUrl":"https://ph-avatars.imgix.net/1704176/afffff96-996b-4e5e-8137-a74381ae805c.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"3319286","name":"Haris","username":"aliharis","avatarUrl":"https://ph-avatars.imgix.net/3319286/7131a60d-2ebb-4e91-b42d-604d3623e7d1.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"3318889","name":"Alvaro","username":"soyalvaro","avatarUrl":"https://ph-avatars.imgix.net/3318889/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7834205","name":"Lula Vanburen","username":"lulavanburen","avatarUrl":"https://ph-avatars.imgix.net/7834205/451def5e-d1ff-4747-b11f-1a4d93f81cd3.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7708191","name":"Sarah Jean","username":"sarah_jea","avatarUrl":"https://ph-avatars.imgix.net/7708191/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"277799","name":"Kevin Yun","username":"kevinyun","avatarUrl":"https://ph-avatars.imgix.net/277799/f0d017de-59db-4a60-9faf-eca010251cf4.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4295113","name":"Sudeepa Fernando","username":"sudeepafernando","avatarUrl":"https://ph-avatars.imgix.net/4295113/6bc88774-a0b9-4f66-9d14-700a30a72543.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4036765","name":"Nicholas Rodriguez","username":"rodriguezn","avatarUrl":"https://ph-avatars.imgix.net/4036765/3c089d90-94d9-4f22-9e13-bc85b8a0bf29.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4772926","name":"Kazi Asif Mahmud","username":"kazi_asif_mahmud1","avatarUrl":"https://ph-avatars.imgix.net/4772926/408c26de-4f44-4aa1-bf80-6cf9cf0578a6.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4382539","name":"Mahin Ali","username":"mait","avatarUrl":"https://ph-avatars.imgix.net/4382539/02b9ece2-cd76-4311-817b-4efd0bacf121.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"6663613","name":"Mani Teja Noone","username":"manitejanoone","avatarUrl":"https://ph-avatars.imgix.net/6663613/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"2237778","name":"Arlene","username":"ar_lene","avatarUrl":"https://ph-avatars.imgix.net/2237778/c192a48b-91ca-4fb7-93dc-ac264c41a8e7.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"2260422","name":"Lekan Oladosu","username":"culjo","avatarUrl":"https://ph-avatars.imgix.net/2260422/a48f040f-505e-4f8b-92ed-8d937649669b.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"6508776","name":"Olena Variacheva","username":"varrr_al","avatarUrl":"https://ph-avatars.imgix.net/6508776/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"6803721","name":"Bhavsinh Solanki","username":"bhavsinh_solanki","avatarUrl":"https://ph-avatars.imgix.net/6803721/original.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7707836","name":"Astorga","username":"astorga","avatarUrl":"https://ph-avatars.imgix.net/7707836/455cc0c2-6c5d-42f8-9d09-803b3e687c50.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"6904861","name":"pritesh akhaja","username":"pritesh_akhaja","avatarUrl":"https://ph-avatars.imgix.net/6904861/0af8ed4e-05f4-4dfc-aa12-d6564b17abc7.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4349584","name":"Aryan Sharma","username":"aryansharma17","avatarUrl":"https://ph-avatars.imgix.net/4349584/82986041-9540-49eb-b889-adf0165c972c.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7833405","name":"James Keats","username":"james_keats","avatarUrl":"https://ph-avatars.imgix.net/7833405/original.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"5425957","name":"Kinzi Roze","username":"kinziroze","avatarUrl":"https://ph-avatars.imgix.net/5425957/original.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7695855","name":"Felix Lee","username":"felix_lee10","avatarUrl":"https://ph-avatars.imgix.net/7695855/original.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"3548228","name":"Daichi Umamichi","username":"d_u","avatarUrl":"https://ph-avatars.imgix.net/3548228/958bcce7-fcf0-4ead-bf47-badd31bb04f0.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7833121","name":"林方琳","username":"new_user___323202428cfb65595b44ce7","avatarUrl":"https://ph-avatars.imgix.net/7833121/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"2737069","name":"Martin Luther King Sainvil","username":"martin_luther_king_sainvil","avatarUrl":"https://ph-avatars.imgix.net/2737069/7570ea1c-9c82-454a-8526-f10023e39d33.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7603632","name":"Hamad Amir","username":"empressaudio","avatarUrl":"https://ph-avatars.imgix.net/7603632/1fb073be-e475-4b2b-ae23-8800b28b17ff.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"6712922","name":"Toki","username":"toki1","avatarUrl":"https://ph-avatars.imgix.net/6712922/1cd77faf-519c-4ec4-a708-d046186898a7.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7047349","name":"Guillermo Bascuñana","username":"guillermo_bascunana","avatarUrl":"https://ph-avatars.imgix.net/7047349/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7832660","name":"Arjun Bhatt","username":"arjunbhatt594","avatarUrl":"https://ph-avatars.imgix.net/7832660/8cc2b29e-4260-4935-b787-e8df780ad8ce.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"6739500","name":"Ahmed Faiz","username":"ahmedperfai","avatarUrl":"https://ph-avatars.imgix.net/6739500/9a693bf2-7a6d-4899-b65a-acf44f4f85d9.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"1077122","name":"Taichi Koido","username":"taichi1009","avatarUrl":"https://ph-avatars.imgix.net/1077122/4957ff8a-d015-4e44-b838-f4b5dff9ffba.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7805958","name":"Andrew Rivers","username":"arivers","avatarUrl":"https://ph-avatars.imgix.net/7805958/3a5a3a18-7130-4a76-9b1d-531c429946e0.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7789618","name":"Ajith Joseph","username":"ajithjoseph","avatarUrl":"https://ph-avatars.imgix.net/7789618/122a635a-e51d-4c57-8e8e-11bd734918f3.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7832541","name":"Diamond Spray Finishers","username":"diamondsf24","avatarUrl":"https://ph-avatars.imgix.net/7832541/42a8b1d9-68a6-468f-a399-979263ed2dcc.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"1655294","name":"Roop Reddy","username":"roopreddy","avatarUrl":"https://ph-avatars.imgix.net/1655294/24f97eb2-023e-420f-aed8-da84021da2e0.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"5951313","name":"Raiane Rezende","username":"rai_rezende","avatarUrl":"https://ph-avatars.imgix.net/5951313/1399bd54-e43c-4ecf-bc1a-27804b9dfcf4.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7827393","name":"Greg Hanrahan","username":"greg_hanrahan","avatarUrl":"https://ph-avatars.imgix.net/7827393/cf35b584-26f1-4be2-8381-037e00f6de0c.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"6472266","name":"Mayank Agrawal","username":"mayank_agrawal9","avatarUrl":"https://ph-avatars.imgix.net/6472266/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7831945","name":"HARSHITA OJHA","username":"harshita_ojha26","avatarUrl":"https://ph-avatars.imgix.net/7831945/original.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7831957","name":"Ayush R","username":"joe_johnson2","avatarUrl":"https://ph-avatars.imgix.net/7831957/original.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"5757865","name":"James","username":"jamesyeh23","avatarUrl":"https://ph-avatars.imgix.net/5757865/b91b4c8e-41f4-4009-aaa5-2175a5ab36d1.jpeg"}}]},"categories":[{"__typename":"ProductCategory","id":"75","article":null},{"__typename":"ProductCategory","id":"87","article":null},{"__typename":"ProductCategory","id":"88","article":null},{"__typename":"ProductCategory","id":"200","article":null},{"__typename":"ProductCategory","id":"235","article":null}],"url":"https://www.producthunt.com/products/locofy-ai","logoUuid":"91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif","featuredShoutoutsToCount":0,"reviewsRating":4.91,"websiteUrl":"https://www.locofy.ai","totalVotesCount":3180,"postsCount":3,"isSubscribed":false,"promo":{"__typename":"PostPromo","text":"20% off any annual plan","code":"MEOW20"},"isMuted":false,"description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","pricingType":"payment_required","cleanUrl":"locofy.ai","iosUrl":null,"androidUrl":null,"instagramUrl":"https://www.instagram.com/locofy_ai/","facebookUrl":"https://www.facebook.com/locofy/","twitterUrl":"https://twitter.com/locofy_ai","linkedinUrl":"https://www.linkedin.com/company/locofy/","githubUrl":"","mediumUrl":"","angellistUrl":"","threadsUrl":"","isClaimed":true,"isTopProduct":false,"isGoldenKittyWinner":false,"viewerPendingTeamRequest":null,"makers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"3480330","name":"Honey Mittal","username":"honeymittal","avatarUrl":"https://ph-avatars.imgix.net/3480330/5ce1e53c-e5a9-4472-8d77-ee079bf18fc8.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"728385","name":"Abhishek Mishra","username":"abhi_shek1994","avatarUrl":"https://ph-avatars.imgix.net/728385/56ad21de-554a-4019-afa2-da8a6bd3a4ae.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4330964","name":"Sohaib","username":"msohaib","avatarUrl":"https://ph-avatars.imgix.net/4330964/c6598a09-3505-4c8e-bd73-3bec2b55eae0.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4416599","name":"Raymond Panganiban","username":"raymond_u_panganiban","avatarUrl":"https://ph-avatars.imgix.net/4416599/2ccf4d8e-74ef-4d3b-b684-7b98ff2e04ac.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4416654","name":"Salman Ahmed","username":"salmanahmed521","avatarUrl":"https://ph-avatars.imgix.net/4416654/dc6a5732-0686-4c68-93ee-d46e3f3ff495.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4344422","name":"Ben Sebastian","username":"bsebastian86","avatarUrl":"https://ph-avatars.imgix.net/4344422/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4416578","name":"Jeraldine Low","username":"jeraldine_low","avatarUrl":"https://ph-avatars.imgix.net/4416578/37d4b2c5-a08e-4a45-8f25-dc09ef18f15e.png"}}]},"alternativeAssociations":{"__typename":"ProductAssociationConnection","edges":[{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"550217","alternative":{"__typename":"Product","id":"111800","slug":"anima-app","name":"Anima App","tagline":"Design to Code, Automated","logoUuid":"9e13de2b-cde7-4d32-be80-bfb7f1b3b055.png","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"683041","alternative":{"__typename":"Product","id":"454284","slug":"dhiwise","name":"DhiWise","tagline":"Convert Figma designs into Flutter 3.0 \u0026 React code rapidly","logoUuid":"4c7b58ea-341a-4661-9a2d-7502e70cd279.png","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"700083","alternative":{"__typename":"Product","id":"502270","slug":"html-to-design","name":"html.to.design","tagline":"Convert any website into fully editable Figma designs","logoUuid":"8ce34550-2101-4e1b-97be-41a6489a5055.png","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"776720","alternative":{"__typename":"Product","id":"542274","slug":"codejet-2","name":"Codejet","tagline":"Figma to quality React code.","logoUuid":"c39578cb-f502-447c-b4de-bdf0101b994e.gif","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"550199","alternative":{"__typename":"Product","id":"448263","slug":"overlay","name":"Overlay","tagline":"Turn Figma components into clean and reusable React/Vue.js","logoUuid":"5e44758a-f944-4dae-951c-6750d2edc4a7.gif","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"550201","alternative":{"__typename":"Product","id":"112221","slug":"bravo-studio","name":"Bravo Studio","tagline":"Prototypes just got real! ","logoUuid":"2e947076-efaa-4946-9a62-53e37f582599.gif","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"764296","alternative":{"__typename":"Product","id":"534555","slug":"figma-onboarding-components-from-bento","name":"Bento","tagline":"Add personalized onboarding \u0026 activation to your product","logoUuid":"ad69dc15-9143-4193-ab21-2c14a0b13e8c.png","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"550215","alternative":{"__typename":"Product","id":"438866","slug":"figma-pizza","name":"Figma Pizza","tagline":"Convert Figma designs to HTML markup. Free","logoUuid":"45b748ae-8a69-4314-9d0e-6bd6b139aedf.gif","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"699582","alternative":{"__typename":"Product","id":"502762","slug":"codis","name":"Codis","tagline":"Turn your designs into cross-platform code","logoUuid":"0baa7d18-ea93-40ec-835f-d109b732e936.gif","isNoLongerOnline":false}}}]},"topics":{"__typename":"TopicConnection","edges":[{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"44","slug":"design-tools","name":"Design Tools"}},{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"247","slug":"software-engineering","name":"Software Engineering"}}]},"isMaker":false}},"networkStatus":7},":R17rrqkutkqH1:":{"data":{"viewer":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}}},"networkStatus":7},":R1jn7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R1jn7rrqkutkqH1:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R2jn7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R2jn7rrqkutkqH1:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R3jn7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R3jn7rrqkutkqH1:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R2kv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rqakv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R1aakv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R1qakv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R2aakv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rkkv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R1kkv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rb7kkv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rj7kkv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rr7kkv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R137kkv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R1b7kkv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R1j7kkv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R1r7kkv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R237kkv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R2b7kkv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R57kkv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined}},"events":[{"type":"started","options":{"skip":false,"fetchPolicy":"cache-first","query":"query Context{viewer{...UseCurrentUserFragment}}fragment ViewerNoticeFragment on Notice{type invite{id product{id slug}}makerSuggestion{id post{id slug}}dismissable{id isDismissed dismissableKey dismissableGroup}}fragment AbTestFragment on AbTestAssignment{name variant}fragment LaunchTipsFragment on Post{id canComment commentsCount featuredAt makerInviteUrl name url slug createdAt isMaker isHunter launchState shoutouts{id}}fragment UseCurrentUserFragment on Viewer{id email emailVerified isImpersonated analyticsIdentifyJson deviceType showCookiePolicy showCommentWarning showCaptcha showPhoneVerification isAdmin features notificationFeedItemsUnreadCount flashAlert notice{...ViewerNoticeFragment}otpRequiredFrom user{id avatarUrl isMaker name username}abTestActiveParticipations{...AbTestFragment}visitStreak{id emoji duration}recentLaunch{id ...LaunchTipsFragment}intercomUserHash ifVisitedFromMobile newsletterSettings{hasNewsletterSubscription}}","notifyOnNetworkStatusChange":false,"nextFetchPolicy":undefined},"id":"2"},{"type":"started","options":{"variables":{"slug":"locofy-ai"},"skip":false,"fetchPolicy":"cache-first","query":"query PagesProductLayout($slug:String!){product(slug:$slug excludeTrashed:true){id slug reviewsCount addonsCount canClaim badges{totalCount}shoutoutsToCount ...PagesProductLayoutHeaderFragment ...ProductLayoutFirstLaunchFragment ...ProductLayoutSidebarPagesRouterFragment}}fragment FacebookShareButtonFragment on Shareable{id url}fragment ShareModalSubjectFragment on Shareable{id url ...FacebookShareButtonFragment}fragment ProductThumbnailFragment on Product{id name logoUuid isNoLongerOnline}fragment ProductLayoutHeaderStatsFragment on Product{id slug name reviewsCount featuredShoutoutsToCount reviewsRating followersCount websiteUrl totalVotesCount postsCount}fragment ProductFollowButtonFragment on Product{id followersCount isSubscribed}fragment ProductPromoCodeFragment on Product{id promo{text code}}fragment ProductMuteButtonFragment on Product{id isMuted}fragment ReviewStarRatingCTAFragment on Product{id slug name isMaker reviewsRating}fragment ProductItemFragment on Product{id slug name tagline followersCount reviewsCount topics(first:2){edges{node{id slug name}}}...ProductFollowButtonFragment ...ProductThumbnailFragment ...ProductMuteButtonFragment ...FacebookShareButtonFragment ...ReviewStarRatingCTAFragment}fragment CollectionAddButtonFragment on Product{id name description ...ProductItemFragment}fragment UpcomingEventFollowButtonFragment on UpcomingEvent{id isSubscribed truncatedDescription product{id isSubscribed followersCount}}fragment UserImage on User{id name username avatarUrl}fragment UserCircleListFragment on User{id ...UserImage}fragment UpcomingBannerFragment on Product{id logoUuid followersCount activeUpcomingEvent{id title description bannerUuid bannerMobileUuid ...UpcomingEventFollowButtonFragment}upcomingBannerFollowers:followers(first:3 order:friends excludeViewer:true){edges{node{id ...UserCircleListFragment}}}}fragment ProductLayoutHeaderAdminBarFragment on Product{id slug}fragment MetaTags on SEOInterface{id meta{canonicalUrl creator description image mobileAppUrl oembedUrl robots title type author authorUrl}}fragment PostVoteButtonFragment on Post{id featuredAt updatedAt createdAt embargoPreviewAt product{id isSubscribed}disabledWhenScheduled hasVoted ...on Votable{id votesCount}}fragment HomefeedItemPostItemCommentsButtonFragment on Post{id slug commentsCount}fragment HomefeedItemPostItemVoteButtonFragment on Post{id hideVotesCount ...on Votable{id hasVoted votesCount}}fragment HomefeedItemPostItemTopicTagsFragment on Post{id topics(first:3){edges{node{id slug name}}}}fragment AdFragment on Ad{id subject post{id slug featuredComment{id body:bodyText user{id ...UserImage}}name updatedAt commentsCount topics(first:3){edges{node{id slug name}}}...PostVoteButtonFragment ...HomefeedItemPostItemCommentsButtonFragment ...HomefeedItemPostItemVoteButtonFragment ...HomefeedItemPostItemTopicTagsFragment}name tagline thumbnailUuid largeAssetUuid smallAssetUuid url variationId}fragment UserGridCardFragment on User{id ...UserImage}fragment CategorySidebarCardFragment on ProductCategoryArticle{id contentOverview user{id name username headline ...UserImage}category{id name path}}fragment ProductSidebarInfoPagesRouterFragment on Product{id slug pricingType websiteUrl cleanUrl iosUrl androidUrl instagramUrl facebookUrl twitterUrl linkedinUrl githubUrl mediumUrl angellistUrl threadsUrl canClaim canEdit isClaimed isTopProduct isGoldenKittyWinner viewerPendingTeamRequest{id}makers(order:karma_desc first:7){edges{node{id ...UserImage}}}}fragment AlternativeProductsCardProductItemFragment on Product{id slug name tagline ...ProductThumbnailFragment}fragment ProductLayoutSidebarAlternativesFragment on Product{id slug alternativeAssociations(first:9){edges{node{id alternative:associatedProduct{id ...AlternativeProductsCardProductItemFragment}}}}}fragment PagesProductLayoutHeaderFragment on Product{id name tagline isNoLongerOnline canEdit ...ShareModalSubjectFragment ...ProductThumbnailFragment ...ProductLayoutHeaderStatsFragment ...ProductFollowButtonFragment ...ProductPromoCodeFragment ...ProductMuteButtonFragment ...CollectionAddButtonFragment ...UpcomingBannerFragment ...ProductLayoutHeaderAdminBarFragment}fragment ProductLayoutFirstLaunchFragment on Product{id slug canEdit followersCount activeUpcomingEvent{id title description bannerUuid bannerMobileUuid isFirstLaunch ...MetaTags ...UpcomingEventFollowButtonFragment}upcomingBannerFollowers:followers(first:3 order:friends excludeViewer:true){edges{node{id ...UserCircleListFragment}}}}fragment ProductLayoutSidebarPagesRouterFragment on Product{id alternativesCount targetedAd(kind:\"sidebar\"){id ...AdFragment}followers(first:50){edges{node{id ...UserGridCardFragment}}}categories{id article{id ...CategorySidebarCardFragment}}...ProductSidebarInfoPagesRouterFragment ...ProductLayoutSidebarAlternativesFragment}","notifyOnNetworkStatusChange":false,"nextFetchPolicy":undefined},"id":"3"},{"type":"data","id":"2","result":{"data":{"viewer":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}}}}},{"type":"complete","id":"2"},{"type":"data","id":"3","result":{"data":{"product":{"__typename":"Product","id":"483584","slug":"locofy-ai","reviewsCount":174,"addonsCount":0,"canClaim":false,"badges":{"__typename":"Connection","totalCount":12},"shoutoutsToCount":1,"name":"Locofy.ai","tagline":"Build frontend 10x faster with design-to-code AI","isNoLongerOnline":false,"canEdit":false,"followersCount":4126,"activeUpcomingEvent":null,"upcomingBannerFollowers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"105600","name":"Farooq (SF Ali) Zafar","username":"sfali789","avatarUrl":"https://ph-avatars.imgix.net/105600/1b2f2e5c-2281-4acb-9777-3870f97e90e8.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"18280","name":"Chris Messina","username":"chrismessina","avatarUrl":"https://ph-avatars.imgix.net/18280/f49f2882-55cd-4279-add0-7761638c8104.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"87963","name":"dturton","username":"dturton","avatarUrl":"https://ph-avatars.imgix.net/87963/92afbdd2-25e7-4876-b49f-dab62ba33728.jpeg"}}]},"alternativesCount":15,"targetedAd":null,"followers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"5714524","name":"Trung Nguyen","username":"trungnx","avatarUrl":"https://ph-avatars.imgix.net/5714524/ea33e234-1890-4ec6-aef5-3298be8200a1.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7848831","name":"UTHMAN RUFA'I DHINNURAIN","username":"uthman_rufa_i_dhinnurain","avatarUrl":"https://ph-avatars.imgix.net/7848831/original.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"6973478","name":"Larusan Makeshwaranathan","username":"larusan_makeshwaranathan1","avatarUrl":"https://ph-avatars.imgix.net/6973478/8d50aa7b-1a57-461e-a7e0-c49b775eb928.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7075818","name":"Thokozani George","username":"thokozani_george","avatarUrl":"https://ph-avatars.imgix.net/7075818/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"3677275","name":"Thozamile Futshane","username":"thozamile_futshane","avatarUrl":"https://ph-avatars.imgix.net/3677275/91886a14-8d3e-4876-90ab-ac8714699fa8.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7804933","name":"lionel Messi","username":"lionel_messi13","avatarUrl":"https://ph-avatars.imgix.net/7804933/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7715602","name":"Sujish Jangra","username":"sujish_jangra","avatarUrl":"https://ph-avatars.imgix.net/7715602/original.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"6379139","name":"Ghanshyam Kanani","username":"ghanshyamkanani","avatarUrl":"https://ph-avatars.imgix.net/6379139/fbf4b54a-29c7-4cb3-bb36-732d0484be65.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7773723","name":"yue allan","username":"yue_allan","avatarUrl":"https://ph-avatars.imgix.net/7773723/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"586121","name":"Isaac Heng Wai","username":"isaactan","avatarUrl":"https://ph-avatars.imgix.net/586121/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"1704176","name":"Mihir Gupta","username":"mihir_gupta","avatarUrl":"https://ph-avatars.imgix.net/1704176/afffff96-996b-4e5e-8137-a74381ae805c.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"3319286","name":"Haris","username":"aliharis","avatarUrl":"https://ph-avatars.imgix.net/3319286/7131a60d-2ebb-4e91-b42d-604d3623e7d1.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"3318889","name":"Alvaro","username":"soyalvaro","avatarUrl":"https://ph-avatars.imgix.net/3318889/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7834205","name":"Lula Vanburen","username":"lulavanburen","avatarUrl":"https://ph-avatars.imgix.net/7834205/451def5e-d1ff-4747-b11f-1a4d93f81cd3.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7708191","name":"Sarah Jean","username":"sarah_jea","avatarUrl":"https://ph-avatars.imgix.net/7708191/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"277799","name":"Kevin Yun","username":"kevinyun","avatarUrl":"https://ph-avatars.imgix.net/277799/f0d017de-59db-4a60-9faf-eca010251cf4.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4295113","name":"Sudeepa Fernando","username":"sudeepafernando","avatarUrl":"https://ph-avatars.imgix.net/4295113/6bc88774-a0b9-4f66-9d14-700a30a72543.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4036765","name":"Nicholas Rodriguez","username":"rodriguezn","avatarUrl":"https://ph-avatars.imgix.net/4036765/3c089d90-94d9-4f22-9e13-bc85b8a0bf29.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4772926","name":"Kazi Asif Mahmud","username":"kazi_asif_mahmud1","avatarUrl":"https://ph-avatars.imgix.net/4772926/408c26de-4f44-4aa1-bf80-6cf9cf0578a6.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4382539","name":"Mahin Ali","username":"mait","avatarUrl":"https://ph-avatars.imgix.net/4382539/02b9ece2-cd76-4311-817b-4efd0bacf121.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"6663613","name":"Mani Teja Noone","username":"manitejanoone","avatarUrl":"https://ph-avatars.imgix.net/6663613/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"2237778","name":"Arlene","username":"ar_lene","avatarUrl":"https://ph-avatars.imgix.net/2237778/c192a48b-91ca-4fb7-93dc-ac264c41a8e7.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"2260422","name":"Lekan Oladosu","username":"culjo","avatarUrl":"https://ph-avatars.imgix.net/2260422/a48f040f-505e-4f8b-92ed-8d937649669b.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"6508776","name":"Olena Variacheva","username":"varrr_al","avatarUrl":"https://ph-avatars.imgix.net/6508776/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"6803721","name":"Bhavsinh Solanki","username":"bhavsinh_solanki","avatarUrl":"https://ph-avatars.imgix.net/6803721/original.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7707836","name":"Astorga","username":"astorga","avatarUrl":"https://ph-avatars.imgix.net/7707836/455cc0c2-6c5d-42f8-9d09-803b3e687c50.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"6904861","name":"pritesh akhaja","username":"pritesh_akhaja","avatarUrl":"https://ph-avatars.imgix.net/6904861/0af8ed4e-05f4-4dfc-aa12-d6564b17abc7.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4349584","name":"Aryan Sharma","username":"aryansharma17","avatarUrl":"https://ph-avatars.imgix.net/4349584/82986041-9540-49eb-b889-adf0165c972c.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7833405","name":"James Keats","username":"james_keats","avatarUrl":"https://ph-avatars.imgix.net/7833405/original.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"5425957","name":"Kinzi Roze","username":"kinziroze","avatarUrl":"https://ph-avatars.imgix.net/5425957/original.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7695855","name":"Felix Lee","username":"felix_lee10","avatarUrl":"https://ph-avatars.imgix.net/7695855/original.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"3548228","name":"Daichi Umamichi","username":"d_u","avatarUrl":"https://ph-avatars.imgix.net/3548228/958bcce7-fcf0-4ead-bf47-badd31bb04f0.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7833121","name":"林方琳","username":"new_user___323202428cfb65595b44ce7","avatarUrl":"https://ph-avatars.imgix.net/7833121/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"2737069","name":"Martin Luther King Sainvil","username":"martin_luther_king_sainvil","avatarUrl":"https://ph-avatars.imgix.net/2737069/7570ea1c-9c82-454a-8526-f10023e39d33.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7603632","name":"Hamad Amir","username":"empressaudio","avatarUrl":"https://ph-avatars.imgix.net/7603632/1fb073be-e475-4b2b-ae23-8800b28b17ff.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"6712922","name":"Toki","username":"toki1","avatarUrl":"https://ph-avatars.imgix.net/6712922/1cd77faf-519c-4ec4-a708-d046186898a7.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7047349","name":"Guillermo Bascuñana","username":"guillermo_bascunana","avatarUrl":"https://ph-avatars.imgix.net/7047349/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7832660","name":"Arjun Bhatt","username":"arjunbhatt594","avatarUrl":"https://ph-avatars.imgix.net/7832660/8cc2b29e-4260-4935-b787-e8df780ad8ce.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"6739500","name":"Ahmed Faiz","username":"ahmedperfai","avatarUrl":"https://ph-avatars.imgix.net/6739500/9a693bf2-7a6d-4899-b65a-acf44f4f85d9.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"1077122","name":"Taichi Koido","username":"taichi1009","avatarUrl":"https://ph-avatars.imgix.net/1077122/4957ff8a-d015-4e44-b838-f4b5dff9ffba.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7805958","name":"Andrew Rivers","username":"arivers","avatarUrl":"https://ph-avatars.imgix.net/7805958/3a5a3a18-7130-4a76-9b1d-531c429946e0.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7789618","name":"Ajith Joseph","username":"ajithjoseph","avatarUrl":"https://ph-avatars.imgix.net/7789618/122a635a-e51d-4c57-8e8e-11bd734918f3.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7832541","name":"Diamond Spray Finishers","username":"diamondsf24","avatarUrl":"https://ph-avatars.imgix.net/7832541/42a8b1d9-68a6-468f-a399-979263ed2dcc.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"1655294","name":"Roop Reddy","username":"roopreddy","avatarUrl":"https://ph-avatars.imgix.net/1655294/24f97eb2-023e-420f-aed8-da84021da2e0.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"5951313","name":"Raiane Rezende","username":"rai_rezende","avatarUrl":"https://ph-avatars.imgix.net/5951313/1399bd54-e43c-4ecf-bc1a-27804b9dfcf4.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7827393","name":"Greg Hanrahan","username":"greg_hanrahan","avatarUrl":"https://ph-avatars.imgix.net/7827393/cf35b584-26f1-4be2-8381-037e00f6de0c.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"6472266","name":"Mayank Agrawal","username":"mayank_agrawal9","avatarUrl":"https://ph-avatars.imgix.net/6472266/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7831945","name":"HARSHITA OJHA","username":"harshita_ojha26","avatarUrl":"https://ph-avatars.imgix.net/7831945/original.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"7831957","name":"Ayush R","username":"joe_johnson2","avatarUrl":"https://ph-avatars.imgix.net/7831957/original.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"5757865","name":"James","username":"jamesyeh23","avatarUrl":"https://ph-avatars.imgix.net/5757865/b91b4c8e-41f4-4009-aaa5-2175a5ab36d1.jpeg"}}]},"categories":[{"__typename":"ProductCategory","id":"75","article":null},{"__typename":"ProductCategory","id":"87","article":null},{"__typename":"ProductCategory","id":"88","article":null},{"__typename":"ProductCategory","id":"200","article":null},{"__typename":"ProductCategory","id":"235","article":null}],"url":"https://www.producthunt.com/products/locofy-ai","logoUuid":"91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif","featuredShoutoutsToCount":0,"reviewsRating":4.91,"websiteUrl":"https://www.locofy.ai","totalVotesCount":3180,"postsCount":3,"isSubscribed":false,"promo":{"__typename":"PostPromo","text":"20% off any annual plan","code":"MEOW20"},"isMuted":false,"description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","pricingType":"payment_required","cleanUrl":"locofy.ai","iosUrl":null,"androidUrl":null,"instagramUrl":"https://www.instagram.com/locofy_ai/","facebookUrl":"https://www.facebook.com/locofy/","twitterUrl":"https://twitter.com/locofy_ai","linkedinUrl":"https://www.linkedin.com/company/locofy/","githubUrl":"","mediumUrl":"","angellistUrl":"","threadsUrl":"","isClaimed":true,"isTopProduct":false,"isGoldenKittyWinner":false,"viewerPendingTeamRequest":null,"makers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"3480330","name":"Honey Mittal","username":"honeymittal","avatarUrl":"https://ph-avatars.imgix.net/3480330/5ce1e53c-e5a9-4472-8d77-ee079bf18fc8.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"728385","name":"Abhishek Mishra","username":"abhi_shek1994","avatarUrl":"https://ph-avatars.imgix.net/728385/56ad21de-554a-4019-afa2-da8a6bd3a4ae.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4330964","name":"Sohaib","username":"msohaib","avatarUrl":"https://ph-avatars.imgix.net/4330964/c6598a09-3505-4c8e-bd73-3bec2b55eae0.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4416599","name":"Raymond Panganiban","username":"raymond_u_panganiban","avatarUrl":"https://ph-avatars.imgix.net/4416599/2ccf4d8e-74ef-4d3b-b684-7b98ff2e04ac.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4416654","name":"Salman Ahmed","username":"salmanahmed521","avatarUrl":"https://ph-avatars.imgix.net/4416654/dc6a5732-0686-4c68-93ee-d46e3f3ff495.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4344422","name":"Ben Sebastian","username":"bsebastian86","avatarUrl":"https://ph-avatars.imgix.net/4344422/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4416578","name":"Jeraldine Low","username":"jeraldine_low","avatarUrl":"https://ph-avatars.imgix.net/4416578/37d4b2c5-a08e-4a45-8f25-dc09ef18f15e.png"}}]},"alternativeAssociations":{"__typename":"ProductAssociationConnection","edges":[{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"550217","alternative":{"__typename":"Product","id":"111800","slug":"anima-app","name":"Anima App","tagline":"Design to Code, Automated","logoUuid":"9e13de2b-cde7-4d32-be80-bfb7f1b3b055.png","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"683041","alternative":{"__typename":"Product","id":"454284","slug":"dhiwise","name":"DhiWise","tagline":"Convert Figma designs into Flutter 3.0 \u0026 React code rapidly","logoUuid":"4c7b58ea-341a-4661-9a2d-7502e70cd279.png","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"700083","alternative":{"__typename":"Product","id":"502270","slug":"html-to-design","name":"html.to.design","tagline":"Convert any website into fully editable Figma designs","logoUuid":"8ce34550-2101-4e1b-97be-41a6489a5055.png","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"776720","alternative":{"__typename":"Product","id":"542274","slug":"codejet-2","name":"Codejet","tagline":"Figma to quality React code.","logoUuid":"c39578cb-f502-447c-b4de-bdf0101b994e.gif","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"550199","alternative":{"__typename":"Product","id":"448263","slug":"overlay","name":"Overlay","tagline":"Turn Figma components into clean and reusable React/Vue.js","logoUuid":"5e44758a-f944-4dae-951c-6750d2edc4a7.gif","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"550201","alternative":{"__typename":"Product","id":"112221","slug":"bravo-studio","name":"Bravo Studio","tagline":"Prototypes just got real! ","logoUuid":"2e947076-efaa-4946-9a62-53e37f582599.gif","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"764296","alternative":{"__typename":"Product","id":"534555","slug":"figma-onboarding-components-from-bento","name":"Bento","tagline":"Add personalized onboarding \u0026 activation to your product","logoUuid":"ad69dc15-9143-4193-ab21-2c14a0b13e8c.png","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"550215","alternative":{"__typename":"Product","id":"438866","slug":"figma-pizza","name":"Figma Pizza","tagline":"Convert Figma designs to HTML markup. Free","logoUuid":"45b748ae-8a69-4314-9d0e-6bd6b139aedf.gif","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"699582","alternative":{"__typename":"Product","id":"502762","slug":"codis","name":"Codis","tagline":"Turn your designs into cross-platform code","logoUuid":"0baa7d18-ea93-40ec-835f-d109b732e936.gif","isNoLongerOnline":false}}}]},"topics":{"__typename":"TopicConnection","edges":[{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"44","slug":"design-tools","name":"Design Tools"}},{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"247","slug":"software-engineering","name":"Software Engineering"}}]},"isMaker":false}}}},{"type":"complete","id":"3"},{"type":"started","options":{"variables":{"productSlug":"locofy-ai"},"skip":false,"fetchPolicy":"cache-first","query":"query ProductPageRouterPage($productSlug:String!){product(slug:$productSlug excludeTrashed:true){id slug ...ProductPageAboutPageRouterFragment ...StructuredDataFromProduct ...MetaTags}viewer{...ShoutoutPromptViewerFragment}}fragment UserImage on User{id name username avatarUrl}fragment UserCircleListFragment on User{id ...UserImage}fragment ProductStackButtonFragment on Product{id name isStacked stacksCount isMaker isViewerTeamMember}fragment ProductStackAlternativeButtonFragment on Product{id name isStacked}fragment ProductStackPromptFragment on Product{id name isMaker isStacked isViewerTeamMember stacksCount stackers(first:3){edges{node{id ...UserCircleListFragment}}}...ProductStackButtonFragment ...ProductStackAlternativeButtonFragment}fragment ProductPageAboutReviewSummatyUserLinkFragment on User{id username name ...UserImage}fragment ProductThumbnailFragment on Product{id name logoUuid isNoLongerOnline}fragment FacebookShareButtonFragment on Shareable{id url}fragment ReviewCTASharePromptFragment on Product{id name tagline slug ...ProductThumbnailFragment ...FacebookShareButtonFragment}fragment ReviewCTAPromptFragment on Product{id isMaker viewerReview{id}...ReviewCTASharePromptFragment}fragment ProductPageReviewSummaryFragment on Product{id name slug postsCount reviewsCount reviewersCount reviewsRating isMaker reviewers(first:3){edges{node{id username name ...UserImage ...ProductPageAboutReviewSummatyUserLinkFragment}}}...ReviewCTAPromptFragment}fragment PostVoteButtonFragment on Post{id featuredAt updatedAt createdAt embargoPreviewAt product{id isSubscribed}disabledWhenScheduled hasVoted ...on Votable{id votesCount}}fragment HomefeedItemPostItemCommentsButtonFragment on Post{id slug commentsCount}fragment HomefeedItemPostItemVoteButtonFragment on Post{id hideVotesCount ...on Votable{id hasVoted votesCount}}fragment HomefeedItemPostItemTopicTagsFragment on Post{id topics(first:3){edges{node{id slug name}}}}fragment AdFragment on Ad{id subject post{id slug featuredComment{id body:bodyText user{id ...UserImage}}name updatedAt commentsCount topics(first:3){edges{node{id slug name}}}...PostVoteButtonFragment ...HomefeedItemPostItemCommentsButtonFragment ...HomefeedItemPostItemVoteButtonFragment ...HomefeedItemPostItemTopicTagsFragment}name tagline thumbnailUuid largeAssetUuid smallAssetUuid url variationId}fragment ProductSidebarInfoPagesRouterFragment on Product{id slug pricingType websiteUrl cleanUrl iosUrl androidUrl instagramUrl facebookUrl twitterUrl linkedinUrl githubUrl mediumUrl angellistUrl threadsUrl canClaim canEdit isClaimed isTopProduct isGoldenKittyWinner viewerPendingTeamRequest{id}makers(order:karma_desc first:7){edges{node{id ...UserImage}}}}fragment ProductPromoCodeFragment on Product{id promo{text code}}fragment ProductPageAboutInfoPageRouterFragment on Product{id name description media{id imageUuid mediaType originalHeight originalWidth metadata{platform url videoId interactiveDemoId interactiveDemoType}}latestPost{id primaryLink{id url}}targetedAd(kind:\"sidebar\"){id ...AdFragment}screenshots(first:3){edges{node{id imageUuid altText}}}categories{id name path}...ProductSidebarInfoPagesRouterFragment ...ProductPromoCodeFragment}fragment ProductPageAboutQuestionsFragment on Product{id name questions(first:20){edges{node{id title answer slug}}}}fragment ProductTopPostBadgeFragment on TopPostBadge{id post{id name}position period date}fragment ProductGoldenKittyBadgeFragment on GoldenKittyAwardBadge{id year position category post{id name}}fragment ProductTopPostTopicBadgeFragment on TopPostTopicBadge{id}fragment ProductBadgeFragment on Badge{...on TopPostBadge{id ...ProductTopPostBadgeFragment}...on GoldenKittyAwardBadge{id ...ProductGoldenKittyBadgeFragment}...on TopPostTopicBadge{id ...ProductTopPostTopicBadgeFragment}}fragment ProductPageLatestGoldenKittyFragment on Product{id badges(types:GoldenKittyAwardBadge sort:date first:1){edges{node{...ProductBadgeFragment}}}}fragment ProductPageAboutRecentLaunches on Product{id slug postsCount posts(first:2 order:DATE filter:VISIBLE){edges{node{id slug name description createdAt media{id imageUuid mediaType}redirectToProduct{id slug}}}}}fragment AlternativeProductsCardProductItemFragment on Product{id slug name tagline ...ProductThumbnailFragment}fragment ProductLayoutSidebarAlternativesFragment on Product{id slug alternativeAssociations(first:9){edges{node{id alternative:associatedProduct{id ...AlternativeProductsCardProductItemFragment}}}}}fragment PostStatusIconFragment on Post{id productState}fragment PostThumbnailFragment on Post{id name thumbnailImageUuid ...PostStatusIconFragment}fragment BadgeIconTopPostBadgeFragment on TopPostBadge{id position period date}fragment BadgeIconFragment on Post{id name badges(first:1 types:[TopPostBadge]sort:position){edges{node{__typename ...on TopPostBadge{id ...BadgeIconTopPostBadgeFragment}}}}}fragment ShoutoutVoteButtonFragment on PostShoutout{id hasVoted votesCount}fragment ShoutoutItemFragment on PostShoutout{id note url from{id isTopProduct}to{id name slug}post{id slug name tagline createdAt isTopLaunch votesCount redirectToProduct{id slug}...PostThumbnailFragment ...BadgeIconFragment}...ShoutoutVoteButtonFragment}fragment ProductPageShoutoutsFragment on Product{id slug shoutoutsToCount postShoutoutsTo(first:4){edges{node{id ...ShoutoutItemFragment}}}}fragment ShoutoutPromptFragment on Product{id name slug}fragment ProductPageAboutPageRouterFragment on Product{id ...ProductStackPromptFragment ...ProductPageReviewSummaryFragment ...ProductPageAboutInfoPageRouterFragment ...ProductPageAboutQuestionsFragment ...ProductPageLatestGoldenKittyFragment ...ProductPageAboutRecentLaunches ...ProductLayoutSidebarAlternativesFragment ...ProductPageShoutoutsFragment ...ShoutoutPromptFragment}fragment StructuredDataFromProduct on Product{id structuredData}fragment MetaTags on SEOInterface{id meta{canonicalUrl creator description image mobileAppUrl oembedUrl robots title type author authorUrl}}fragment ShoutoutPromptViewerFragment on Viewer{id isFeaturedPostMaker recentLaunch(includeAllTime:true){id slug}}","notifyOnNetworkStatusChange":false,"nextFetchPolicy":undefined},"id":"4"}]})</script></head><body><div id="root-container"><header class="w-full bg-white sticky top-0 z-20 border-b-[0.5px] border-light-sky"><div class="grid grid-cols-[1fr_2fr_1fr] items-center bg-white px-6 sm:grid-cols-[auto_1fr_auto] max-h-[64px] min-h-[64px]"><div class="flex flex-row items-center gap-6 md:gap-8"><a aria-label="Product Hunt Logo" href="/"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" class="size-8"><g fill="none" fill-rule="evenodd"><path fill="#FF6154" d="M40 20c0 11.046-8.954 20-20 20S0 31.046 0 20 8.954 0 20 0s20 8.954 20 20"></path><path fill="#FFF" d="M22.667 20H17v-6h5.667a3 3 0 0 1 0 6m0-10H13v20h4v-6h5.667a7 7 0 1 0 0-14"></path></g></svg></a><div class="text-14 font-normal text-dark-gray relative"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="absolute left-4 top-2 size-4"><path fill="#4B587C" d="M7 14c-3.86 0-7-3.14-7-7s3.14-7 7-7 7 3.14 7 7-3.14 7-7 7M7 2C4.243 2 2 4.243 2 7s2.243 5 5 5 5-2.243 5-5-2.243-5-5-5m8.707 12.293L13.314 11.9a8 8 0 0 1-1.414 1.414l2.393 2.393a.997.997 0 0 0 1.414 0 1 1 0 0 0 0-1.414" opacity="0.5"></path></svg><input data-hj-allow="true" data-test="header-search-input" autoComplete="off" class="input box-border w-full min-w-[164px] max-w-full appearance-none rounded-full border-0 border-white px-10 pl-[40px] text-light-gray focus:outline-none sm:w-full sm:max-w-[216px] sm:text-base h-8 bg-indigo-25" placeholder="Search" title="Search" name="q"/></div></div><nav aria-label="Main Navigation"><ul class="flex flex-row items-center justify-center gap-6 md:gap-7 lg:gap-8"><li class="group relative list-none" data-test="header-nav-link-launches"><a class="cursor-pointer text-16 text-light-gray" href="/leaderboard/daily/2024/11/23?ref=header_nav">Launches</a><div class="styles_dropdown__6p8ZV hidden group-hover:block group-hover:translate-y-0 group-hover:opacity-100 styles_left__zme_r"><div class="bg-white styles_shadow__RlOHG"><div class="z-100 px-4 py-2"><a href="/coming-soon?ref=header_nav"><div class="my-2 flex flex-row gap-4 styles_container__K6Yj1" style="background:linear-gradient(to right, rgba(213, 243, 221, 0.25) 50%, rgba(255, 255, 255, 0.3) 50%)"><div style="background-color:#d5f3dd" class="styles_container__T4TJj"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g stroke="#599D6B" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" clip-path="url(#ComingSoon_svg__a)"><path d="M12 21.25a8.25 8.25 0 1 0 0-16.5 8.25 8.25 0 0 0 0 16.5m-6.75-18-3 3m16.5-3 3 3"></path><path d="M12 7.75V13h5.25"></path></g><defs><clipPath id="ComingSoon_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg></div><div class="flex flex-1 flex-col"><div class="text-14 font-normal text-dark-gray">Coming soon</div><div class="text-12 font-normal text-light-gray">Upcoming launches to watch</div></div></div></a><a href="/leaderboard/daily/2024/11/23?ref=header_nav"><div class="my-2 flex flex-row gap-4 styles_container__K6Yj1" style="background:linear-gradient(to right, rgba(255, 230, 228, 0.25) 50%, rgba(255, 255, 255, 0.3) 50%)"><div style="background-color:#ffe6e4" class="styles_container__T4TJj"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g stroke="#F86C60" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" clip-path="url(#LaunchArchive_svg__a)"><path d="M9 17.25s-.75 3-5.25 3c0-4.5 3-5.25 3-5.25m11.167-4.416c2.25-2.25 2.39-4.927 2.32-6.12a.75.75 0 0 0-.7-.7c-1.194-.071-3.869.068-6.12 2.32L7.5 12l4.5 4.5zM12.75 6.75H6.97a.75.75 0 0 0-.53.22l-3.22 3.22a.75.75 0 0 0 .425 1.272L7.5 12"></path><path d="M17.25 11.25v5.78a.75.75 0 0 1-.22.53l-3.22 3.22a.75.75 0 0 1-1.272-.425L12 16.5"></path></g><defs><clipPath id="LaunchArchive_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg></div><div class="flex flex-1 flex-col"><div class="text-14 font-normal text-dark-gray">Launch archive</div><div class="text-12 font-normal text-light-gray">Most-loved launches by the community</div></div></div></a><a href="/launch?ref=header_nav"><div class="my-2 flex flex-row gap-4 styles_container__K6Yj1" style="background:linear-gradient(to right, rgba(229, 239, 255, 0.25) 50%, rgba(255, 255, 255, 0.3) 50%)"><div style="background-color:#e5efff" class="styles_container__T4TJj"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g stroke="#3979E3" stroke-width="1.5" clip-path="url(#LaunchGuide_svg__a)"><path stroke-miterlimit="10" d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z"></path><path stroke-linecap="round" stroke-linejoin="round" d="m16.5 7.5-6 3-3 6 6-3z"></path></g><defs><clipPath id="LaunchGuide_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg></div><div class="flex flex-1 flex-col"><div class="text-14 font-normal text-dark-gray">Launch Guide</div><div class="text-12 font-normal text-light-gray">Checklists and pro tips for launching</div></div></div></a></div></div></div></li><li class="group relative"><a class="text-16 group-hover:text-brand-500 text-light-gray" href="/categories?ref=header_nav">Products</a></li><li class="group relative list-none" data-test="header-nav-link-news"><a class="cursor-pointer text-16 text-light-gray" href="/newsletters?ref=header_nav">News</a><div class="styles_dropdown__6p8ZV hidden group-hover:block group-hover:translate-y-0 group-hover:opacity-100 styles_left__zme_r"><div class="bg-white styles_shadow__RlOHG"><div class="z-100 px-4 py-2"><a href="/newsletters?ref=header_nav"><div class="my-2 flex flex-row gap-4 styles_container__K6Yj1" style="background:linear-gradient(to right, rgba(234, 233, 255, 0.25) 50%, rgba(255, 255, 255, 0.3) 50%)"><div style="background-color:#eae9ff" class="styles_container__T4TJj"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g stroke="#6D68D4" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" clip-path="url(#Newsletter_svg__a)"><path d="M3 5.25h18V18a.75.75 0 0 1-.75.75H3.75A.75.75 0 0 1 3 18z"></path><path d="m21 5.25-9 8.25-9-8.25"></path></g><defs><clipPath id="Newsletter_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg></div><div class="flex flex-1 flex-col"><div class="text-14 font-normal text-dark-gray">Newsletter</div><div class="text-12 font-normal text-light-gray">The best of Product Hunt, every day</div></div></div></a><a href="/stories?ref=header_nav"><div class="my-2 flex flex-row gap-4 styles_container__K6Yj1" style="background:linear-gradient(to right, rgba(255, 233, 244, 0.25) 50%, rgba(255, 255, 255, 0.3) 50%)"><div style="background-color:#ffe9f4" class="styles_container__T4TJj"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g stroke="#F468AC" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" clip-path="url(#Stories_svg__a)"><path d="M12 8.25a3 3 0 0 1 3-3h6a.75.75 0 0 1 .75.75v12a.75.75 0 0 1-.75.75h-6a3 3 0 0 0-3 3M2.25 18a.75.75 0 0 0 .75.75h6a3 3 0 0 1 3 3V8.25a3 3 0 0 0-3-3H3a.75.75 0 0 0-.75.75zM15 9h3.75M15 12h3.75M15 15h3.75"></path></g><defs><clipPath id="Stories_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg></div><div class="flex flex-1 flex-col"><div class="text-14 font-normal text-dark-gray">Stories</div><div class="text-12 font-normal text-light-gray">Tech news, interviews, and tips from makers</div></div></div></a><a href="/changes?ref=header_nav"><div class="my-2 flex flex-row gap-4 styles_container__K6Yj1" style="background:linear-gradient(to right, rgba(207, 252, 219, 0.25) 50%, rgba(255, 255, 255, 0.3) 50%)"><div style="background-color:#cffcdb" class="styles_container__T4TJj"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g stroke="#579167" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" clip-path="url(#Changelog_svg__a)"><path d="M10.5 10.5h6m-6 3h6m3-9.75h-15a.75.75 0 0 0-.75.75v15c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75v-15a.75.75 0 0 0-.75-.75m-12 0v16.5"></path></g><defs><clipPath id="Changelog_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg></div><div class="flex flex-1 flex-col"><div class="text-14 font-normal text-dark-gray">Changelog</div><div class="text-12 font-normal text-light-gray">New Product Hunt features and releases</div></div></div></a></div></div></div></li><li class="group relative list-none" data-test="header-nav-link-community"><a class="cursor-pointer text-16 text-light-gray" href="/discussions?ref=header_nav">Community</a><div class="styles_dropdown__6p8ZV hidden group-hover:block group-hover:translate-y-0 group-hover:opacity-100 styles_left__zme_r"><div class="bg-white styles_shadow__RlOHG"><div class="z-100 px-4 py-2"><a href="/discussions?ref=header_nav"><div class="my-2 flex flex-row gap-4 styles_container__K6Yj1" style="background:linear-gradient(to right, rgba(255, 233, 248, 0.25) 50%, rgba(255, 255, 255, 0.3) 50%)"><div style="background-color:#ffe9f8" class="styles_container__T4TJj"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g stroke="#DE62B6" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" clip-path="url(#Discussions_svg__a)"><path d="M6.71 13.5 3 16.5v-12a.75.75 0 0 1 .75-.75h12a.75.75 0 0 1 .75.75v8.25a.75.75 0 0 1-.75.75z"></path><path d="M7.5 13.5v3.75a.75.75 0 0 0 .75.75h9.04L21 21V9a.75.75 0 0 0-.75-.75H16.5"></path></g><defs><clipPath id="Discussions_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg></div><div class="flex flex-1 flex-col"><div class="text-14 font-normal text-dark-gray">Discussions</div><div class="text-12 font-normal text-light-gray">Ask questions, find support, and connect</div></div></div></a><a href="/visit-streaks?ref=header_nav"><div class="my-2 flex flex-row gap-4 styles_container__K6Yj1" style="background:linear-gradient(to right, rgba(255, 228, 228, 0.25) 50%, rgba(255, 255, 255, 0.3) 50%)"><div style="background-color:#ffe4e4" class="styles_container__T4TJj"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g stroke="#F10202" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" clip-path="url(#Streaks_svg__a)"><path d="M12.75 18c1.875-.316 3.432-1.875 3.75-3.75"></path><path d="m10.5 9 2.463-6.75C14.987 3.93 19.5 8.264 19.5 13.5a7.5 7.5 0 0 1-15 0c0-2.866 1.352-5.462 2.906-7.5z"></path></g><defs><clipPath id="Streaks_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg></div><div class="flex flex-1 flex-col"><div class="text-14 font-normal text-dark-gray">Streaks</div><div class="text-12 font-normal text-light-gray">The most active community members</div></div></div></a><a href="https://lu.ma/producthunt" target="_blank"><div class="my-2 flex flex-row gap-4 styles_container__K6Yj1" style="background:linear-gradient(to right, rgba(207, 242, 216, 0.25) 50%, rgba(255, 255, 255, 0.3) 50%)"><div style="background-color:#cff2d8" class="styles_container__T4TJj"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g stroke="#3F9E58" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" clip-path="url(#Event_svg__a)"><path d="M19.5 3.75h-15a.75.75 0 0 0-.75.75v15c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75v-15a.75.75 0 0 0-.75-.75m-3-1.5v3m-9-3v3m-3.75 3h16.5"></path><path d="m8.625 14.25 2.25 2.25 4.5-4.5"></path></g><defs><clipPath id="Event_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg></div><div class="flex flex-1 flex-col"><div class="text-14 font-normal text-dark-gray">Events</div><div class="text-12 font-normal text-light-gray">Meet others online and in-person</div></div></div></a></div></div></div></li><li class="group relative list-none" data-test="header-nav-link-advertise"><a class="cursor-pointer text-16 text-light-gray" href="/sponsor?ref=header_nav">Advertise</a></li></ul></nav><div class="flex flex-row items-center justify-end gap-4"><a class="text-16 font-normal text-coral rounded bg-barely-orange !py-[6px] px-4 text-brand-700" data-test="header-nav-link-subscribe" href="/newsletters?ref=header_nav&campaign=weekly_newsletter&source=header_nav">Subscribe</a><div class="text-16 font-normal text-white cursor-pointer rounded bg-brand-500 !py-[6px] px-4" data-test="header-nav-link-sign-in">Sign in</div></div></div></header><div class="flex flex-col"><div class="styles_container__NuzEI flex flex-col pb-4"><div class="styles_layout__4bPmV styles_container__eS_WB"><div class="styles_content__6_orh flex flex-col"><div class="mt-5 flex flex-col sm:mt-10 md:mt-10 md:flex-row"><div class="flex flex-row"><div class="styles_thumbnailWrapper__lpArK mr-5 flex flex-col"><video style="width:64px;height:64px" class="rounded styles_thumbnail__RJxBq styles_video__b8SeA" aria-label="Locofy.ai" width="64" height="64" poster="https://ph-files.imgix.net/91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif?auto=compress&codec=mozjpeg&cs=strip&fm=webp&w=64&h=64&fit=max&frame=1&dpr=2" muted="" loop="" disableRemotePlayback="" disablePictureInPicture="" playsInline="" preload="none"><source src="https://ph-files.imgix.net/91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif?fm=mp4&crop=max&w=64&h=64&dpr=2#t=0.001" type="video/mp4"/><source src="https://ph-files.imgix.net/91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif?fm=webm&crop=max&w=64&h=64&dpr=2#t=0.001" type="video/webm"/></video></div><div class="flex flex-col items-start justify-center sm:justify-start"><div class="flex flex-row items-center"><h1 class="text-18 sm:text-32 md:text-32 font-bold text-dark-gray">Locofy.ai</h1></div><div class="text-18 font-normal text-light-gray">Build frontend 10x faster with design-to-code AI</div><div class="flex flex-row items-center justify-center gap-4"><div><div class="flex flex-row"><label data-test="star-1-readonly" class="styles_smallStar__INWcE"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="23" viewBox="0 0 24 23" data-test="star-1-filled" class="fill-light-blue pl-1 !fill-[#f5a623]"><path d="m12 0 3.709 7.514L24 8.718l-6 5.848 1.416 8.26-7.416-3.9-7.416 3.9L6 14.566 0 8.718l8.291-1.204z"></path></svg></label><label data-test="star-2-readonly" class="styles_smallStar__INWcE"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="23" viewBox="0 0 24 23" data-test="star-2-filled" class="fill-light-blue pl-1 !fill-[#f5a623]"><path d="m12 0 3.709 7.514L24 8.718l-6 5.848 1.416 8.26-7.416-3.9-7.416 3.9L6 14.566 0 8.718l8.291-1.204z"></path></svg></label><label data-test="star-3-readonly" class="styles_smallStar__INWcE"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="23" viewBox="0 0 24 23" data-test="star-3-filled" class="fill-light-blue pl-1 !fill-[#f5a623]"><path d="m12 0 3.709 7.514L24 8.718l-6 5.848 1.416 8.26-7.416-3.9-7.416 3.9L6 14.566 0 8.718l8.291-1.204z"></path></svg></label><label data-test="star-4-readonly" class="styles_smallStar__INWcE"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="23" viewBox="0 0 24 23" data-test="star-4-filled" class="fill-light-blue pl-1 !fill-[#f5a623]"><path d="m12 0 3.709 7.514L24 8.718l-6 5.848 1.416 8.26-7.416-3.9-7.416 3.9L6 14.566 0 8.718l8.291-1.204z"></path></svg></label><label data-test="star-5-readonly" class="styles_smallStar__INWcE"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="23" viewBox="0 0 24 23" data-test="star-5-filled" class="fill-light-blue pl-1 !fill-[#f5a623]"><path d="m12 0 3.709 7.514L24 8.718l-6 5.848 1.416 8.26-7.416-3.9-7.416 3.9L6 14.566 0 8.718l8.291-1.204z"></path></svg></label></div></div><a class="text-14 font-normal text-light-gray styles_count__wajxP" href="/products/locofy-ai/reviews"><b>174</b>reviews</a><div class="text-14 font-normal text-light-gray styles_count__wajxP"><b>4.1K</b>followers</div></div></div></div><div class="styles_buttons__H2C5n mt-6 flex flex-row items-center gap-3 sm:gap-4 justify-start"><button class="styles_button__0Kw1Q styles_collectButton__rJiCS textButton_textButton__SIhmH" data-test="collection-product-483584-collect-text" aria-label="Add to Collection"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="13" fill="none"><path stroke="#4B587C" stroke-linecap="round" stroke-linejoin="round" d="M9 12 5 9.5 1 12V1a.5.5 0 0 1 .5-.5h7A.5.5 0 0 1 9 1z"></path></svg><div class="text-14 font-semibold text-light-gray">Save</div></button><button type="button" data-test="product-follow-button" class="styles_reset__0clCw styles_button__BmLM4 styles_secondary__zB2Yb styles_button__0Kw1Q">Follow</button><a href="https://www.locofy.ai?ref=producthunt" target="_blank" data-test="product-header-visit-button" class="styles_reset__0clCw styles_button__BmLM4 styles_primary__o9u3f styles_button__0Kw1Q" rel="noreferrer">Visit website</a></div></div></div></div></div><div class="w-full border-b border-light-sky" data-test="sub-navigation"><div class="styles_navigation__SPkFh gap-1 flex flex-row"><div class="px-5 sm:px-4 styles_link__NWpW1 styles_active__jmduo"><a class="text-14 sm:text-16 font-semibold text-dark-gray py-3" data-test="sub-nav-Overview" href="/products/locofy-ai">Overview</a></div><div class="px-5 sm:px-4 styles_link__NWpW1"><a class="text-14 sm:text-16 font-semibold text-light-gray py-3" data-test="sub-nav-Launches" href="/products/locofy-ai/launches">Launches</a></div><div class="px-5 sm:px-4 styles_link__NWpW1"><a class="text-14 sm:text-16 font-semibold text-light-gray py-3" data-test="sub-nav-Shoutouts" href="/products/locofy-ai/shoutouts">Shoutouts</a></div><div class="px-5 sm:px-4 styles_link__NWpW1"><a class="text-14 sm:text-16 font-semibold text-light-gray py-3" data-test="sub-nav-Reviews" href="/products/locofy-ai/reviews">Reviews</a></div><div class="px-5 sm:px-4 styles_link__NWpW1"><a class="text-14 sm:text-16 font-semibold text-light-gray py-3" data-test="sub-nav-Team" href="/products/locofy-ai/makers">Team</a></div><div class="px-5 sm:px-4 styles_link__NWpW1"><a class="text-14 sm:text-16 font-semibold text-light-gray py-3" data-test="sub-nav-Awards" href="/products/locofy-ai/awards">Awards</a></div><div class="gap-1 flex flex-row items-center"><a href="#" data-test="product-more-btn" class="mb-1 py-3"><div class="text-14 sm:text-16 font-semibold text-light-gray flex flex-row items-center gap-2 transition-colors duration-200 hover:text-dark-gray">More<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 6" class="mt-1 w-3 fill-light-gray"><path fill="currentColor" d="M6.854.866 3.992 3.728 1.13.866a.667.667 0 0 0-.943.943L3.52 5.14c.26.26.683.26.943 0l3.333-3.33a.667.667 0 1 0-.942-.944"></path></svg></div></a></div></div></div><div class="styles_layout__9P_dy pt-6 sm:pt-10 styles_container__eS_WB"><main class="styles_main__osJg3"><template id="B:0"></template><div class="styles_container__lNjYm"><div class="styles_loader__IcPYn" style="width:30px;height:30px"></div></div></main><aside class="styles_sidebar__e9RX0 styles_right__N5KnM"><div class="flex flex-col gap-5 pb-4"><div class="styles_container__kvL6C mb-6 flex flex-col px-5 py-6"><div class="flex flex-col border-b border-light-sky py-3 first:pt-0 last:border-none last:pb-0"><div class="mb-1 flex flex-1 flex-row items-center gap-1"><div class="text-14 font-semibold text-dark-gray">Product status</div></div><div class="flex min-h-8 flex-row items-center text-14 font-semibold text-light-gray"><span class="flex-1">Claimed</span></div></div><div class="flex flex-col border-b border-light-sky py-3 first:pt-0 last:border-none last:pb-0"><div class="text-14 font-semibold text-dark-gray mb-1">Links</div><div class="mb-2 flex flex-row break-words last:mb-0"><a href="https://www.locofy.ai?ref=producthunt" rel="noreferrer" class="text-14 font-semibold text-light-gray box-border flex min-w-0 items-center" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" fill="none" viewBox="0 0 21 20" class="mr-2 shrink-0"><path fill="#4B587C" d="M18.102 6.46a4.05 4.05 0 0 1-1.196 2.876l-2.21 2.21a4.063 4.063 0 0 1-5.743 0 .625.625 0 1 1 .883-.882 2.82 2.82 0 0 0 3.976 0l2.211-2.21a2.813 2.813 0 1 0-3.976-3.977L10.5 6.023a.625.625 0 0 1-.883-.882l1.547-1.547a4.07 4.07 0 0 1 6.938 2.867ZM10.5 13.977l-1.547 1.547a2.813 2.813 0 0 1-3.976-3.976l2.21-2.211a2.82 2.82 0 0 1 3.977 0 .625.625 0 0 0 .883-.883 4.06 4.06 0 0 0-5.742 0l-2.211 2.211a4.063 4.063 0 1 0 5.742 5.742l1.547-1.547a.625.625 0 0 0-.883-.883"></path></svg><span class="truncate">locofy.ai</span></a></div></div><div class="flex flex-col border-b border-light-sky py-3 first:pt-0 last:border-none last:pb-0"><div class="text-14 font-semibold text-dark-gray mb-1">Social</div><div class="flex flex-row items-center gap-4"><a href="https://twitter.com/locofy_ai" rel="noreferrer" class="text-16 font-normal text-dark-gray" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" fill="none" viewBox="0 0 20 19"><path fill="#4B587C" d="M18.735 5.767 16.495 8c-.446 5.188-4.825 9.218-10.058 9.218-1.076 0-1.966-.17-2.642-.505-.542-.274-.764-.564-.824-.653a.593.593 0 0 1 .29-.883c.015-.008 1.766-.676 2.902-1.96a8 8 0 0 1-1.833-1.81C3.313 10.026 2.237 7.63 2.882 4.051a.601.601 0 0 1 1.01-.319c.022.03 2.494 2.464 5.514 3.251V6.53a3.585 3.585 0 0 1 3.607-3.562 3.58 3.58 0 0 1 3.043 1.781h2.256a.59.59 0 0 1 .55.364.62.62 0 0 1-.127.653Z"></path></svg><div class="styles_screenReader___13hu">Twitter</div></a><a href="https://www.facebook.com/locofy/" rel="noreferrer" class="text-16 font-normal text-dark-gray" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" fill="none" viewBox="0 0 20 19"><g clip-path="url(#Facebook_svg__a)"><path fill="#4B587C" fill-rule="evenodd" d="M.5 9.553c0 4.723 3.43 8.65 7.917 9.447v-6.861H6.042V9.5h2.375V7.389c0-2.375 1.53-3.694 3.694-3.694.686 0 1.425.105 2.111.21v2.428h-1.214c-1.161 0-1.425.58-1.425 1.32V9.5h2.534l-.422 2.639h-2.112V19c4.487-.796 7.917-4.723 7.917-9.447C19.5 4.299 15.225 0 10 0S.5 4.299.5 9.553" clip-rule="evenodd"></path></g><defs><clipPath id="Facebook_svg__a"><path fill="#fff" d="M.5 0h19v19H.5z"></path></clipPath></defs></svg><div class="styles_screenReader___13hu">Facebook</div></a><a href="https://www.instagram.com/locofy_ai/" rel="noreferrer" class="text-16 font-normal text-dark-gray" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" fill="none" viewBox="0 0 20 19"><path fill="#4B587C" d="M9.997 6.332A3.175 3.175 0 0 0 6.83 9.5a3.175 3.175 0 0 0 3.168 3.168A3.175 3.175 0 0 0 13.165 9.5a3.175 3.175 0 0 0-3.168-3.168M19.5 9.5c0-1.312.012-2.612-.062-3.921-.074-1.521-.42-2.871-1.533-3.984C16.79.481 15.442.136 13.921.062 12.61-.01 11.31.001 10 .001 8.688 0 7.388-.011 6.079.062 4.558.136 3.208.483 2.095 1.595.981 2.71.636 4.058.562 5.58.49 6.89.501 8.19.501 9.498c0 1.31-.012 2.613.061 3.922.074 1.521.421 2.871 1.533 3.983 1.115 1.115 2.462 1.46 3.983 1.533C7.39 19.011 8.69 19 10 19c1.312 0 2.612.012 3.921-.062 1.521-.074 2.871-.42 3.983-1.533 1.115-1.114 1.46-2.462 1.533-3.983.076-1.31.062-2.61.062-3.921Zm-9.502 4.874A4.867 4.867 0 0 1 5.123 9.5a4.867 4.867 0 0 1 4.874-4.875A4.87 4.87 0 0 1 14.872 9.5a4.867 4.867 0 0 1-4.875 4.874Zm5.074-8.81c-.63 0-1.138-.508-1.138-1.138a1.137 1.137 0 1 1 1.944.805 1.14 1.14 0 0 1-.806.333"></path></svg><div class="styles_screenReader___13hu">Instagram</div></a><a href="https://www.linkedin.com/company/locofy/" rel="noreferrer" class="text-16 font-normal text-dark-gray" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" fill="none" viewBox="0 0 24 23"><path fill="#4B587C" fill-rule="evenodd" d="M1.538 2.838A1.84 1.84 0 0 1 3.376 1h18.322a1.837 1.837 0 0 1 1.84 1.838V21.16A1.84 1.84 0 0 1 21.7 23H3.375a1.84 1.84 0 0 1-1.838-1.839V2.838Zm8.709 6.55h2.979v1.496c.43-.86 1.53-1.634 3.182-1.634 3.17 0 3.92 1.713 3.92 4.856v5.822h-3.206v-5.106c0-1.79-.43-2.8-1.522-2.8-1.515 0-2.146 1.089-2.146 2.8v5.106h-3.208V9.388Zm-5.5 10.403h3.207V9.25H4.746zM8.412 5.812a2.063 2.063 0 1 1-4.125.09 2.063 2.063 0 0 1 4.125-.09" clip-rule="evenodd"></path></svg><div class="styles_screenReader___13hu">Linkedin</div></a></div></div><div class="flex flex-col border-b border-light-sky py-3 first:pt-0 last:border-none last:pb-0"><div class="text-14 font-semibold text-dark-gray mb-1">Pricing</div><div class="text-14 font-normal text-light-gray">Paid</div></div><div class="gap-2 flex flex-col border-b border-light-sky py-3 first:pt-0 last:border-none last:pb-0"><div class="text-14 font-semibold text-dark-gray mb-1">Makers</div><div class="flex flex-row items-center gap-3"><div class="flex flex-row"><div class=""><a data-test="user-image-link-3480330" aria-label="Honey Mittal" class="styles_userImage__PmH_6" href="/@honeymittal"><img loading="lazy" srcSet="https://ph-avatars.imgix.net/3480330/5ce1e53c-e5a9-4472-8d77-ee079bf18fc8.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=1 1x, https://ph-avatars.imgix.net/3480330/5ce1e53c-e5a9-4472-8d77-ee079bf18fc8.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=2 2x, https://ph-avatars.imgix.net/3480330/5ce1e53c-e5a9-4472-8d77-ee079bf18fc8.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=3 3x" src="https://ph-avatars.imgix.net/3480330/5ce1e53c-e5a9-4472-8d77-ee079bf18fc8.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop" style="width:32px;height:32px" alt="Honey Mittal" class="rounded-full"/></a></div><div class=""><a data-test="user-image-link-728385" aria-label="Abhishek Mishra" class="styles_userImage__PmH_6" href="/@abhi_shek1994"><img loading="lazy" srcSet="https://ph-avatars.imgix.net/728385/56ad21de-554a-4019-afa2-da8a6bd3a4ae.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=1 1x, https://ph-avatars.imgix.net/728385/56ad21de-554a-4019-afa2-da8a6bd3a4ae.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=2 2x, https://ph-avatars.imgix.net/728385/56ad21de-554a-4019-afa2-da8a6bd3a4ae.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=3 3x" src="https://ph-avatars.imgix.net/728385/56ad21de-554a-4019-afa2-da8a6bd3a4ae.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop" style="width:32px;height:32px" alt="Abhishek Mishra" class="rounded-full"/></a></div><div class=""><a data-test="user-image-link-4330964" aria-label="Sohaib" class="styles_userImage__PmH_6" href="/@msohaib"><img loading="lazy" srcSet="https://ph-avatars.imgix.net/4330964/c6598a09-3505-4c8e-bd73-3bec2b55eae0.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=1 1x, https://ph-avatars.imgix.net/4330964/c6598a09-3505-4c8e-bd73-3bec2b55eae0.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=2 2x, https://ph-avatars.imgix.net/4330964/c6598a09-3505-4c8e-bd73-3bec2b55eae0.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=3 3x" src="https://ph-avatars.imgix.net/4330964/c6598a09-3505-4c8e-bd73-3bec2b55eae0.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop" style="width:32px;height:32px" alt="Sohaib" class="rounded-full"/></a></div><div class=""><a data-test="user-image-link-4416599" aria-label="Raymond Panganiban" class="styles_userImage__PmH_6" href="/@raymond_u_panganiban"><img loading="lazy" srcSet="https://ph-avatars.imgix.net/4416599/2ccf4d8e-74ef-4d3b-b684-7b98ff2e04ac.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=1 1x, https://ph-avatars.imgix.net/4416599/2ccf4d8e-74ef-4d3b-b684-7b98ff2e04ac.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=2 2x, https://ph-avatars.imgix.net/4416599/2ccf4d8e-74ef-4d3b-b684-7b98ff2e04ac.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=3 3x" src="https://ph-avatars.imgix.net/4416599/2ccf4d8e-74ef-4d3b-b684-7b98ff2e04ac.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop" style="width:32px;height:32px" alt="Raymond Panganiban" class="rounded-full"/></a></div><div class=""><a data-test="user-image-link-4416654" aria-label="Salman Ahmed" class="styles_userImage__PmH_6" href="/@salmanahmed521"><img loading="lazy" srcSet="https://ph-avatars.imgix.net/4416654/dc6a5732-0686-4c68-93ee-d46e3f3ff495.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=1 1x, https://ph-avatars.imgix.net/4416654/dc6a5732-0686-4c68-93ee-d46e3f3ff495.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=2 2x, https://ph-avatars.imgix.net/4416654/dc6a5732-0686-4c68-93ee-d46e3f3ff495.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=3 3x" src="https://ph-avatars.imgix.net/4416654/dc6a5732-0686-4c68-93ee-d46e3f3ff495.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop" style="width:32px;height:32px" alt="Salman Ahmed" class="rounded-full"/></a></div><div class=""><a data-test="user-image-link-4344422" aria-label="Ben Sebastian" class="styles_userImage__PmH_6" href="/@bsebastian86"><img loading="lazy" srcSet="https://ph-avatars.imgix.net/4344422/original.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=1 1x, https://ph-avatars.imgix.net/4344422/original.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=2 2x, https://ph-avatars.imgix.net/4344422/original.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=3 3x" src="https://ph-avatars.imgix.net/4344422/original.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop" style="width:32px;height:32px" alt="Ben Sebastian" class="rounded-full"/></a></div><div class=""><a data-test="user-image-link-4416578" aria-label="Jeraldine Low" class="styles_userImage__PmH_6" href="/@jeraldine_low"><img loading="lazy" srcSet="https://ph-avatars.imgix.net/4416578/37d4b2c5-a08e-4a45-8f25-dc09ef18f15e.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=1 1x, https://ph-avatars.imgix.net/4416578/37d4b2c5-a08e-4a45-8f25-dc09ef18f15e.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=2 2x, https://ph-avatars.imgix.net/4416578/37d4b2c5-a08e-4a45-8f25-dc09ef18f15e.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop&dpr=3 3x" src="https://ph-avatars.imgix.net/4416578/37d4b2c5-a08e-4a45-8f25-dc09ef18f15e.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=32&h=32&fit=crop" style="width:32px;height:32px" alt="Jeraldine Low" class="rounded-full"/></a></div></div></div><a class="text-14 font-normal text-dark-gray styles_allMakersLink__hfVwu mt-2" href="/products/locofy-ai/makers">All makers</a></div></div><div class="flex flex-col gap-4"><div class="text-12 font-semibold text-light-gray uppercase">Alternative Products</div><div class="flex flex-col gap-8"><div class="flex flex-col gap-5"><a class="text-16 font-normal text-dark-gray" target="_blank" href="/products/anima-app"><div class="flex flex-row gap-2"><img loading="lazy" srcSet="https://ph-files.imgix.net/9e13de2b-cde7-4d32-be80-bfb7f1b3b055.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=60&h=60&fit=crop&dpr=1 1x, https://ph-files.imgix.net/9e13de2b-cde7-4d32-be80-bfb7f1b3b055.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=60&h=60&fit=crop&dpr=2 2x, https://ph-files.imgix.net/9e13de2b-cde7-4d32-be80-bfb7f1b3b055.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=60&h=60&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/9e13de2b-cde7-4d32-be80-bfb7f1b3b055.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=60&h=60&fit=crop" style="width:60px;height:60px" alt="Anima App" class="rounded" data-test="Anima App-thumbnail"/><div class="flex flex-col"><div class="text-12 font-semibold text-dark-gray">Anima App</div><div class="text-12 font-normal text-light-gray">Design to Code, Automated</div></div></div></a><a class="text-16 font-normal text-dark-gray" target="_blank" href="/products/dhiwise"><div class="flex flex-row gap-2"><img loading="lazy" srcSet="https://ph-files.imgix.net/4c7b58ea-341a-4661-9a2d-7502e70cd279.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=60&h=60&fit=crop&dpr=1 1x, https://ph-files.imgix.net/4c7b58ea-341a-4661-9a2d-7502e70cd279.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=60&h=60&fit=crop&dpr=2 2x, https://ph-files.imgix.net/4c7b58ea-341a-4661-9a2d-7502e70cd279.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=60&h=60&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/4c7b58ea-341a-4661-9a2d-7502e70cd279.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=60&h=60&fit=crop" style="width:60px;height:60px" alt="DhiWise" class="rounded" data-test="DhiWise-thumbnail"/><div class="flex flex-col"><div class="text-12 font-semibold text-dark-gray">DhiWise</div><div class="text-12 font-normal text-light-gray">Convert Figma designs into Flutter 3.0 & React code rapidly</div></div></div></a><a class="text-16 font-normal text-dark-gray" target="_blank" href="/products/html-to-design"><div class="flex flex-row gap-2"><img loading="lazy" srcSet="https://ph-files.imgix.net/8ce34550-2101-4e1b-97be-41a6489a5055.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=60&h=60&fit=crop&dpr=1 1x, https://ph-files.imgix.net/8ce34550-2101-4e1b-97be-41a6489a5055.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=60&h=60&fit=crop&dpr=2 2x, https://ph-files.imgix.net/8ce34550-2101-4e1b-97be-41a6489a5055.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=60&h=60&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/8ce34550-2101-4e1b-97be-41a6489a5055.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=60&h=60&fit=crop" style="width:60px;height:60px" alt="html.to.design" class="rounded" data-test="html.to.design-thumbnail"/><div class="flex flex-col"><div class="text-12 font-semibold text-dark-gray">html.to.design</div><div class="text-12 font-normal text-light-gray">Convert any website into fully editable Figma designs</div></div></div></a><a class="text-16 font-normal text-dark-gray" target="_blank" href="/products/codejet-2"><div class="flex flex-row gap-2"><video style="width:60px;height:60px" class="rounded styles_video__b8SeA" aria-label="Codejet" width="60" height="60" poster="https://ph-files.imgix.net/c39578cb-f502-447c-b4de-bdf0101b994e.gif?auto=compress&codec=mozjpeg&cs=strip&fm=webp&w=60&h=60&fit=max&frame=1&dpr=2" muted="" loop="" disableRemotePlayback="" disablePictureInPicture="" playsInline="" preload="none"><source src="https://ph-files.imgix.net/c39578cb-f502-447c-b4de-bdf0101b994e.gif?fm=mp4&crop=max&w=60&h=60&dpr=2#t=0.001" type="video/mp4"/><source src="https://ph-files.imgix.net/c39578cb-f502-447c-b4de-bdf0101b994e.gif?fm=webm&crop=max&w=60&h=60&dpr=2#t=0.001" type="video/webm"/></video><div class="flex flex-col"><div class="text-12 font-semibold text-dark-gray">Codejet</div><div class="text-12 font-normal text-light-gray">Figma to quality React code.</div></div></div></a><a class="text-16 font-normal text-dark-gray" target="_blank" href="/products/overlay"><div class="flex flex-row gap-2"><video style="width:60px;height:60px" class="rounded styles_video__b8SeA" aria-label="Overlay" width="60" height="60" poster="https://ph-files.imgix.net/5e44758a-f944-4dae-951c-6750d2edc4a7.gif?auto=compress&codec=mozjpeg&cs=strip&fm=webp&w=60&h=60&fit=max&frame=1&dpr=2" muted="" loop="" disableRemotePlayback="" disablePictureInPicture="" playsInline="" preload="none"><source src="https://ph-files.imgix.net/5e44758a-f944-4dae-951c-6750d2edc4a7.gif?fm=mp4&crop=max&w=60&h=60&dpr=2#t=0.001" type="video/mp4"/><source src="https://ph-files.imgix.net/5e44758a-f944-4dae-951c-6750d2edc4a7.gif?fm=webm&crop=max&w=60&h=60&dpr=2#t=0.001" type="video/webm"/></video><div class="flex flex-col"><div class="text-12 font-semibold text-dark-gray">Overlay</div><div class="text-12 font-normal text-light-gray">Turn Figma components into clean and reusable React/Vue.js</div></div></div></a><a class="text-16 font-normal text-dark-gray" target="_blank" href="/products/bravo-studio"><div class="flex flex-row gap-2"><video style="width:60px;height:60px" class="rounded styles_video__b8SeA" aria-label="Bravo Studio" width="60" height="60" poster="https://ph-files.imgix.net/2e947076-efaa-4946-9a62-53e37f582599.gif?auto=compress&codec=mozjpeg&cs=strip&fm=webp&w=60&h=60&fit=max&frame=1&dpr=2" muted="" loop="" disableRemotePlayback="" disablePictureInPicture="" playsInline="" preload="none"><source src="https://ph-files.imgix.net/2e947076-efaa-4946-9a62-53e37f582599.gif?fm=mp4&crop=max&w=60&h=60&dpr=2#t=0.001" type="video/mp4"/><source src="https://ph-files.imgix.net/2e947076-efaa-4946-9a62-53e37f582599.gif?fm=webm&crop=max&w=60&h=60&dpr=2#t=0.001" type="video/webm"/></video><div class="flex flex-col"><div class="text-12 font-semibold text-dark-gray">Bravo Studio</div><div class="text-12 font-normal text-light-gray">Prototypes just got real! </div></div></div></a><a class="text-16 font-normal text-dark-gray" target="_blank" href="/products/figma-onboarding-components-from-bento"><div class="flex flex-row gap-2"><img loading="lazy" srcSet="https://ph-files.imgix.net/ad69dc15-9143-4193-ab21-2c14a0b13e8c.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=60&h=60&fit=crop&dpr=1 1x, https://ph-files.imgix.net/ad69dc15-9143-4193-ab21-2c14a0b13e8c.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=60&h=60&fit=crop&dpr=2 2x, https://ph-files.imgix.net/ad69dc15-9143-4193-ab21-2c14a0b13e8c.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=60&h=60&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/ad69dc15-9143-4193-ab21-2c14a0b13e8c.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=60&h=60&fit=crop" style="width:60px;height:60px" alt="Bento" class="rounded" data-test="Bento-thumbnail"/><div class="flex flex-col"><div class="text-12 font-semibold text-dark-gray">Bento</div><div class="text-12 font-normal text-light-gray">Add personalized onboarding & activation to your product</div></div></div></a><a class="text-16 font-normal text-dark-gray" target="_blank" href="/products/figma-pizza"><div class="flex flex-row gap-2"><video style="width:60px;height:60px" class="rounded styles_video__b8SeA" aria-label="Figma Pizza" width="60" height="60" poster="https://ph-files.imgix.net/45b748ae-8a69-4314-9d0e-6bd6b139aedf.gif?auto=compress&codec=mozjpeg&cs=strip&fm=webp&w=60&h=60&fit=max&frame=1&dpr=2" muted="" loop="" disableRemotePlayback="" disablePictureInPicture="" playsInline="" preload="none"><source src="https://ph-files.imgix.net/45b748ae-8a69-4314-9d0e-6bd6b139aedf.gif?fm=mp4&crop=max&w=60&h=60&dpr=2#t=0.001" type="video/mp4"/><source src="https://ph-files.imgix.net/45b748ae-8a69-4314-9d0e-6bd6b139aedf.gif?fm=webm&crop=max&w=60&h=60&dpr=2#t=0.001" type="video/webm"/></video><div class="flex flex-col"><div class="text-12 font-semibold text-dark-gray">Figma Pizza</div><div class="text-12 font-normal text-light-gray">Convert Figma designs to HTML markup. Free</div></div></div></a><a class="text-16 font-normal text-dark-gray" target="_blank" href="/products/codis"><div class="flex flex-row gap-2"><video style="width:60px;height:60px" class="rounded styles_video__b8SeA" aria-label="Codis" width="60" height="60" poster="https://ph-files.imgix.net/0baa7d18-ea93-40ec-835f-d109b732e936.gif?auto=compress&codec=mozjpeg&cs=strip&fm=webp&w=60&h=60&fit=max&frame=1&dpr=2" muted="" loop="" disableRemotePlayback="" disablePictureInPicture="" playsInline="" preload="none"><source src="https://ph-files.imgix.net/0baa7d18-ea93-40ec-835f-d109b732e936.gif?fm=mp4&crop=max&w=60&h=60&dpr=2#t=0.001" type="video/mp4"/><source src="https://ph-files.imgix.net/0baa7d18-ea93-40ec-835f-d109b732e936.gif?fm=webm&crop=max&w=60&h=60&dpr=2#t=0.001" type="video/webm"/></video><div class="flex flex-col"><div class="text-12 font-semibold text-dark-gray">Codis</div><div class="text-12 font-normal text-light-gray">Turn your designs into cross-platform code</div></div></div></a></div><a class="text-16 font-normal text-dark-gray" href="/products/locofy-ai/alternatives"><div class="text-12 font-normal text-light-gray mt-5">View all alternatives →</div></a></div><hr class="h-0 w-full border-b border-light-blue my-6"/></div><div class="mb-10 border-none"><ul class="m-0 flex flex-row flex-wrap gap-1 p-0"><li class="text-12 text-light-gray hover:underline"><a href="/stories">Blog</a></li><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><li class="text-12 text-light-gray hover:underline"><a href="/newsletters">Newsletter</a></li><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><li class="text-12 text-light-gray hover:underline"><a href="/questions">Questions</a></li><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><li class="text-12 text-light-gray hover:underline"><a href="/categories">Product Categories</a></li><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><li class="text-12 text-light-gray hover:underline"><a href="/apps">Apps</a></li><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><li class="text-12 text-light-gray hover:underline"><a href="/about">About</a></li><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><li class="text-12 text-light-gray hover:underline"><a href="https://help.producthunt.com">FAQ</a></li><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><li class="text-12 text-light-gray hover:underline"><a href="/legal#terms">Terms</a></li><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><li class="text-12 text-light-gray hover:underline"><a href="/legal#privacy">Privacy and Cookies</a></li><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><li class="text-12 text-light-gray hover:underline"><a href="https://twitter.com/ProductHunt" target="_blank" rel="nofollow noopener noreferrer">X.com</a></li><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><li class="text-12 text-light-gray hover:underline"><a href="https://www.facebook.com/producthunt" target="_blank" rel="nofollow noopener noreferrer">Facebook</a></li><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><li class="text-12 text-light-gray hover:underline"><a href="https://www.instagram.com/producthunt" target="_blank" rel="nofollow noopener noreferrer">Instagram</a></li><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><li class="text-12 text-light-gray hover:underline"><a href="https://www.linkedin.com/company/producthunt" target="_blank" rel="nofollow noopener noreferrer">LinkedIn</a></li><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><li class="text-12 text-light-gray hover:underline"><a href="https://www.youtube.com/channel/UCOtU18DT8csQVqHPT1wtYzw" target="_blank" rel="nofollow noopener noreferrer">YouTube</a></li><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><li class="text-12 text-light-gray hover:underline"><a href="/sponsor?utm_content=sf">Advertise</a></li></ul><div class="text-10 font-normal text-light-gray uppercase mt-2">© 2024 Product Hunt</div></div></div></aside></div></div></div><div id="root-portal"></div><script>(self.__next_s=self.__next_s||[]).push([0,{"children":"\n !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error(\"Segment snippet included twice.\");else{analytics.invoked=!0;analytics.methods=[\"trackSubmit\",\"trackClick\",\"trackLink\",\"trackForm\",\"pageview\",\"identify\",\"reset\",\"group\",\"track\",\"ready\",\"alias\",\"debug\",\"page\",\"once\",\"off\",\"on\",\"addSourceMiddleware\",\"addIntegrationMiddleware\",\"setAnonymousId\",\"addDestinationMiddleware\"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement(\"script\");t.type=\"text/javascript\";t.defer=!0;t.src=\"https://segment-cdn.producthunt.com/\";var n=document.getElementsByTagName(\"script\")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics._writeKey=\"dtyjquswuq\";analytics.SNIPPET_VERSION=\"4.15.2\";\n analytics.load(\"dtyjquswuq\");\n }}();\n","id":"segment"}])</script><script src="/_next/static/chunks/webpack-d2b397d461e59162.js" async=""></script><div hidden id="S:0"><template id="P:1"></template><script type="application/ld+json">[{"@context":"http://schema.org","@type":"WebApplication","name":"Locofy.ai","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","datePublished":"2022-06-06T12:16:00.300-07:00","dateModified":"2024-11-23T02:01:08.156-08:00","image":"https://ph-files.imgix.net/91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif?auto=format","screenshot":["https://ph-files.imgix.net/9b8d126b-ae0e-4122-a372-bd6789fd8673.png?auto=format&fit=crop","https://ph-files.imgix.net/021d399a-40cd-45d7-947a-96a032f9e731.png?auto=format&fit=crop","https://ph-files.imgix.net/629540e6-7de4-4984-8de5-dff96cd4e696.png?auto=format&fit=crop"],"aggregateRating":{"@type":"AggregateRating","ratingCount":174,"ratingValue":"4.91","worstRating":1,"bestRating":5},"operatingSystem":"Web","applicationCategory":"Software Engineering","author":[{"@type":"Person","name":"Do Duong","image":"https://ph-avatars.imgix.net/6655553/ac4d4f71-8e00-4346-b79c-983e6862abed.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@doduong97"},{"@type":"Person","name":"Thai Lu","image":"https://ph-avatars.imgix.net/6651575/789455c9-272e-4daa-80db-fe62e1337b2c.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@thai_lu"},{"@type":"Person","name":"Nhật Tuấn Lê","image":"https://ph-avatars.imgix.net/6556944/f1441354-1cc8-4022-8ad0-d559007eb936.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@lntuan99"}]},{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.producthunt.com/"},{"@type":"ListItem","position":2,"name":"Locofy.ai","item":"https://www.producthunt.com/products/locofy-ai"}]}]</script></div><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/css/a72ac300b2b8aae3.css\",\"style\"]\n2:HL[\"/_next/static/css/1ea9739f23a3b69e.css\",\"style\"]\n3:HL[\"/_next/static/css/8f6f840789d23ad8.css\",\"style\"]\n4:HL[\"/_next/static/css/fa118094cc4cd9f8.css\",\"style\"]\n5:HL[\"/_next/static/css/c99d6c2024146960.css\",\"style\"]\n6:HL[\"/_next/static/css/639ca35bc51610d3.css\",\"style\"]\n7:HL[\"/_next/static/css/1571eeb1adaac6eb.css\",\"style\"]\n8:HL[\"/_next/static/css/da95359741fd339a.css\",\"style\"]\n9:HL[\"/_next/static/css/fcda3aac4677cad7.css\",\"style\"]\na:HL[\"/_next/static/css/52c78cbf7408e1af.css\",\"style\"]\nb:HL[\"/_next/static/css/6a29de96c920f097.css\",\"style\"]\nc:HL[\"/_next/static/css/c7820bf0de1097b1.css\",\"style\"]\nd:HL[\"/_next/static/css/0a0d922ec8281d19.css\",\"style\"]\ne:HL[\"/_next/static/css/b0e0dd11aa1ac818.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"f:I[95751,[],\"\"]\n12:I[2558,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"94531\",\"static/chunks/94531-936a58903208c445.js\",\"7851\",\"static/chunks/7851-391d4a68ffe47521.js\",\"38335\",\"static/chunks/38335-b322a3b42fdb5e3a.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"63761\",\"static/chunks/63761-17f7fa9792e0fc0c.js\",\"2934\",\"static/chunks/2934-514b986e0a362e6a.js\",\"38671\",\"static/chunks/38671-83271dad71f37b96.js\",\"32493\",\"static/chunks/app/(main)/products/%5Bslug%5D/(layout)/layout-f18b9fbe7aa32ac1.js\"],\"default\",1]\n13:I[39275,[],\"\"]\n15:I[61343,[],\"\"]\n16:I[49620,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"94531\",\"static/chunks/94531-936a58903208c445.js\",\"7851\",\"static/chunks/7851-391d4a68ffe47521.js\",\"28051\",\"static/chunks/28051-6c99bb1ef2e7af63.js\",\"23714\",\"static/chunks/23714-107263d1137b8b64.js\",\"55151\",\"static/chunks/55151-9f3a96035f27a91c.js\",\"31158\",\"static/chunks/31158-f57f0197bfdfc676.js\",\"86111\",\"static/chunks/86111-10b40af0fab64eb1.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"63761\",\"static/chunks/63761-17f7fa9792e0fc0c.js\",\"95903\",\"static/chunks/95903-22bd3ff6f84beadc.js\",\"4095\",\"static/chunks/app/(main)/layout-d5b344c3d5112f09.js\"],\"default\",1]\n17:I[64417,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e"])</script><script>self.__next_f.push([1,"77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"74468\",\"static/chunks/74468-913b2d3a1cd26fb3.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"86883\",\"static/chunks/app/(main)/not-found-97bc615d259bf592.js\"],\"default\"]\n18:I[66914,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"static/chunks/87620-cdf22e94cf823402.js\",\"17436\",\"static/chunks/17436-7d847d18b236a58e.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"63185\",\"static/chunks/app/layout-f3770231938d0d2a.js\"],\"AppRouter\"]\n19:I[76236,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"static/chunks/87620-cdf22e94cf823402.js\",\"17436\",\"static/chunks/17436-7d847d18b236a58e.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"63185\",\"static/chunks/app/layout-f3770231938d0d2a.js\"],\"UserAgentProvider\"]\n1a:I[39342,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-"])</script><script>self.__next_f.push([1,"751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"static/chunks/87620-cdf22e94cf823402.js\",\"17436\",\"static/chunks/17436-7d847d18b236a58e.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"63185\",\"static/chunks/app/layout-f3770231938d0d2a.js\"],\"NavigationProgressProvider\"]\n1b:I[3374,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"static/chunks/87620-cdf22e94cf823402.js\",\"17436\",\"static/chunks/17436-7d847d18b236a58e.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"63185\",\"static/chunks/app/layout-f3770231938d0d2a.js\"],\"default\"]\n1c:I[79395,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"static/chunks/87620-cdf22e94cf823402.js\",\"31462\",\"static/chunks/app/(cards)/layout-8f806a8becc1daf9.js\"],\"default\"]\n1d:I[75299,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"static/chunks"])</script><script>self.__next_f.push([1,"/87620-cdf22e94cf823402.js\",\"17436\",\"static/chunks/17436-7d847d18b236a58e.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"63185\",\"static/chunks/app/layout-f3770231938d0d2a.js\"],\"ErrorBoundary\"]\n1e:I[84080,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"static/chunks/87620-cdf22e94cf823402.js\",\"17436\",\"static/chunks/17436-7d847d18b236a58e.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"63185\",\"static/chunks/app/layout-f3770231938d0d2a.js\"],\"\"]\n20:I[64404,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"static/chunks/87620-cdf22e94cf823402.js\",\"17436\",\"static/chunks/17436-7d847d18b236a58e.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"63185\",\"static/chunks/app/layout-f3770231938d0d2a.js\"],\"GoogleAnalytics\"]\n21:I[27640,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-4"])</script><script>self.__next_f.push([1,"5e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"static/chunks/87620-cdf22e94cf823402.js\",\"17436\",\"static/chunks/17436-7d847d18b236a58e.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"63185\",\"static/chunks/app/layout-f3770231938d0d2a.js\"],\"GoogleTagManager\"]\n23:I[96314,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"25058\",\"static/chunks/25058-f2b5f735f386b605.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"16470\",\"static/chunks/app/global-error-62b3730fa3f51ebe.js\"],\"default\"]\n14:[\"slug\",\"locofy-ai\",\"d\"]\n1f:T449,\n !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console\u0026\u0026console.error\u0026\u0026console.error(\"Segment snippet included twice.\");else{analytics.invoked=!0;analytics.methods=[\"trackSubmit\",\"trackClick\",\"trackLink\",\"trackForm\",\"pageview\",\"identify\",\"reset\",\"group\",\"track\",\"ready\",\"alias\",\"debug\",\"page\",\"once\",\"off\",\"on\",\"addSourceMiddleware\",\"addIntegrationMiddleware\",\"setAnonymousId\",\"addDestinationMiddleware\"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e\u003canalytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement(\"script\");t.type=\"text/javascript\";t.defer=!0;t.src=\"https://segment-cdn.producthunt.com/\";var n=document.getElementsByTagName(\"script\")[0];n.parentNode.insertBefore(t,n);analytics._loadOption"])</script><script>self.__next_f.push([1,"s=e};analytics._writeKey=\"dtyjquswuq\";analytics.SNIPPET_VERSION=\"4.15.2\";\n analytics.load(\"dtyjquswuq\");\n }}();\n24:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$Lf\",null,{\"buildId\":\"BDohOcX48oWS9QbMlK-wt\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"products\",\"locofy-ai\"],\"initialTree\":[\"\",{\"children\":[\"(main)\",{\"children\":[\"products\",{\"children\":[[\"slug\",\"locofy-ai\",\"d\"],{\"children\":[\"(layout)\",{\"children\":[\"__PAGE__\",{}]}]}]}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"(main)\",{\"children\":[\"products\",{\"children\":[[\"slug\",\"locofy-ai\",\"d\"],{\"children\":[\"(layout)\",{\"children\":[\"__PAGE__\",{},[[\"$L10\",\"$L11\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/52c78cbf7408e1af.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/6a29de96c920f097.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/c7820bf0de1097b1.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0a0d922ec8281d19.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b0e0dd11aa1ac818.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/fcda3aac4677cad7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"$L12\",null,{\"children\":[\"$\",\"$L13\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(main)\",\"children\",\"products\",\"children\",\"$14\",\"children\",\"(layout)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L15\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}],\"params\":{\"slug\":\"locofy-ai\"}}]],null],null]},[null,[\"$\",\"$L13\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(main)\",\"children\",\"products\",\"children\",\"$14\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L15\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[null,[\"$\",\"$L13\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(main)\",\"children\",\"products\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L15\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/639ca35bc51610d3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/1571eeb1adaac6eb.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/da95359741fd339a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"$L16\",null,{\"children\":[\"$\",\"$L13\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(main)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L15\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"$L17\",null,{\"code\":404}],\"notFoundStyles\":[]}],\"params\":{}}]],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a72ac300b2b8aae3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/1ea9739f23a3b69e.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/8f6f840789d23ad8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/fa118094cc4cd9f8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/c99d6c2024146960.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"meta\",null,{\"property\":\"fb:app_id\",\"content\":\"1467820943460899\"}],[\"$\",\"script\",null,{\"id\":\"injection\",\"dangerouslySetInnerHTML\":{\"__html\":\"window['__ENV__'] = {\\\"NODE_ENV\\\":\\\"production\\\"};\"}}],[\"$\",\"link\",null,{\"rel\":\"search\",\"type\":\"application/opensearchdescription+xml\",\"title\":\"ProductHunt\",\"href\":\"/osd.xml\"}]]}],[\"$\",\"body\",null,{\"className\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"id\":\"root-container\",\"children\":[\"$\",\"$L18\",null,{\"children\":[\"$\",\"$L19\",null,{\"userAgent\":\"$undefined\",\"children\":[\"$\",\"$L1a\",null,{\"children\":[\"$\",\"$L1b\",null,{\"ApolloWrapper\":\"$1c\",\"serverSideRendered\":true,\"children\":[\"$\",\"$L1d\",null,{\"children\":[\"$\",\"$L13\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L15\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}]}]}]}]}]}],[\"$\",\"div\",null,{\"id\":\"root-portal\"}],[[\"$\",\"$L1e\",null,{\"id\":\"intercom\",\"strategy\":\"afterInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n (function() {\\n if (window.innerWidth \u003c= 576) {\\n return;\\n }\\n window.intercomSettings = {\\n app_id: \\\"fe4ce68d4a8352909f553b276994db414d33a55c\\\"\\n };\\n (function(){var w=window;var ic=w.Intercom;if(typeof ic===\\\"function\\\"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){setTimeout(function(){var s=d.createElement('script');s.type='text/javascript';s.defer=true;s.src='https://widget.intercom.io/widget/fe4ce68d4a8352909f553b276994db414d33a55c';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}, 4000);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();\\n })()\\n\"}}],[\"$\",\"$L1e\",null,{\"id\":\"segment\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"$1f\"}}],false,[[\"$\",\"$L20\",null,{\"gaId\":\"G-WZ46833KH9\"}],[\"$\",\"$L21\",null,{\"gtmId\":\"G-WZ46833KH9\"}]]]]}]]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L22\"],\"globalErrorComponent\":\"$23\",\"missingSlots\":\"$W24\"}]\n"])</script><script>self.__next_f.push([1,"25:I[75192,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"94531\",\"static/chunks/94531-936a58903208c445.js\",\"7851\",\"static/chunks/7851-391d4a68ffe47521.js\",\"28051\",\"static/chunks/28051-6c99bb1ef2e7af63.js\",\"23714\",\"static/chunks/23714-107263d1137b8b64.js\",\"17873\",\"static/chunks/17873-c31f11c5f34602f7.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"55151\",\"static/chunks/55151-9f3a96035f27a91c.js\",\"86224\",\"static/chunks/86224-d84904eb72b0dfed.js\",\"32028\",\"static/chunks/32028-92292352260f293e.js\",\"52341\",\"static/chunks/52341-cf4922efc69a0545.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"48567\",\"static/chunks/48567-5dfdc8e6fb42bbea.js\",\"59539\",\"static/chunks/59539-d4616fb2727e849e.js\",\"60732\",\"static/chunks/60732-57a9cb17d418c253.js\",\"26410\",\"static/chunks/26410-8d54001898f1c180.js\",\"69898\",\"static/chunks/69898-0a7992087406b727.js\",\"64798\",\"static/chunks/64798-03fd2c5c22bd59be.js\",\"11546\",\"static/chunks/11546-533f49ed6abe1d54.js\",\"919\",\"static/chunks/app/(main)/products/%5Bslug%5D/(layout)/page-f4da80a2121aced6.js\"],\"default\"]\n26:T76e,[{\"@context\":\"http://schema.org\",\"@type\":\"WebApplication\",\"name\":\"Locofy.ai\",\"description\":\"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.\",\"datePublished\":\"2022-06-06T12:16:00.300-07:00\",\"dateModified\":\"2024-11-23T02:01:08.156-08:00\",\"image\":\"https://ph-files.imgix.net/91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif?auto=format\",\"screenshot\":[\"https://ph-files.imgix.net/9b8d126b-ae0e-4122-a372-bd6789fd8673.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/021d399a-40cd-45d7-947a-96a032f9e731.png?auto=format\u0026fit=crop\""])</script><script>self.__next_f.push([1,",\"https://ph-files.imgix.net/629540e6-7de4-4984-8de5-dff96cd4e696.png?auto=format\u0026fit=crop\"],\"aggregateRating\":{\"@type\":\"AggregateRating\",\"ratingCount\":174,\"ratingValue\":\"4.91\",\"worstRating\":1,\"bestRating\":5},\"operatingSystem\":\"Web\",\"applicationCategory\":\"Software Engineering\",\"author\":[{\"@type\":\"Person\",\"name\":\"Do Duong\",\"image\":\"https://ph-avatars.imgix.net/6655553/ac4d4f71-8e00-4346-b79c-983e6862abed.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@doduong97\"},{\"@type\":\"Person\",\"name\":\"Thai Lu\",\"image\":\"https://ph-avatars.imgix.net/6651575/789455c9-272e-4daa-80db-fe62e1337b2c.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@thai_lu\"},{\"@type\":\"Person\",\"name\":\"Nhật Tuấn Lê\",\"image\":\"https://ph-avatars.imgix.net/6556944/f1441354-1cc8-4022-8ad0-d559007eb936.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@lntuan99\"}]},{\"@context\":\"http://schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https://www.producthunt.com/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Locofy.ai\",\"item\":\"https://www.producthunt.com/products/locofy-ai\"}]}]11:[[\"$\",\"$L25\",null,{}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$26\"}}]]\n"])</script><script>self.__next_f.push([1,"22:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, minimum-scale=1\"}],[\"$\",\"meta\",\"1\",{\"name\":\"theme-color\",\"content\":\"#ffffff\"}],[\"$\",\"meta\",\"2\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"3\",{\"children\":\" Locofy.ai - Product Information, Latest Updates, and Reviews 2024 | Product Hunt\"}],[\"$\",\"meta\",\"4\",{\"name\":\"description\",\"content\":\"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.\"}],[\"$\",\"link\",\"5\",{\"rel\":\"author\",\"href\":\"https://www.producthunt.com/@doduong97\"}],[\"$\",\"meta\",\"6\",{\"name\":\"author\",\"content\":\"Do Duong\"}],[\"$\",\"link\",\"7\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"use-credentials\"}],[\"$\",\"meta\",\"8\",{\"name\":\"fb:app_id\",\"content\":\"1467820943460899\"}],[\"$\",\"link\",\"9\",{\"rel\":\"alternate\",\"type\":\"application/atom+xml\",\"title\":\"Product Hunt - All newest Products\",\"href\":\"https://www.producthunt.com/feed\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:title\",\"content\":\" Locofy.ai - Product Information, Latest Updates, and Reviews 2024 | Product Hunt\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:description\",\"content\":\"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:url\",\"content\":\"https://www.producthunt.com/products/locofy-ai\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:site_name\",\"content\":\"Product Hunt\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image\",\"content\":\"https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format\u0026fit=crop\u0026frame=1\u0026h=512\u0026w=1024\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:site\",\"content\":\"@producthunt\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:creator\",\"content\":\"@doduong97\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:title\",\"content\":\" Locofy.ai - Product Information, Latest Updates, and Reviews 2024 | Product Hunt\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:description\",\"content\":\"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:image\",\"content\":\"https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format\u0026fit=crop\u0026frame=1\u0026h=512\u0026w=1024\"}],[\"$\",\"link\",\"23\",{\"rel\":\"icon\",\"href\":\"https://ph-static.imgix.net/ph-favicon-brand-500.ico?auto=format\"}],[\"$\",\"link\",\"24\",{\"rel\":\"apple-touch-icon-precomposed\",\"href\":\"https://ph-static.imgix.net/ph-ios-icon.png?auto=format\"}],[\"$\",\"link\",\"25\",{\"rel\":\"chrome-webstore-item\",\"href\":\"https://producthunt.app.link/extension\"}]]\n"])</script><script>self.__next_f.push([1,"10:null\n"])</script><script>(window[Symbol.for("ApolloSSRDataTransport")] ??= []).push({"rehydrate":{":R1jqv7rrqkutkq:":{"data":{"product":{"__typename":"Product","id":"483584","slug":"locofy-ai","structuredData":{"@context":"http://schema.org","@type":"WebApplication","name":"Locofy.ai","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","datePublished":"2022-06-06T12:16:00.300-07:00","dateModified":"2024-11-23T02:01:08.156-08:00","image":"https://ph-files.imgix.net/91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif?auto=format","screenshot":["https://ph-files.imgix.net/9b8d126b-ae0e-4122-a372-bd6789fd8673.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/021d399a-40cd-45d7-947a-96a032f9e731.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/629540e6-7de4-4984-8de5-dff96cd4e696.png?auto=format\u0026fit=crop"],"aggregateRating":{"@type":"AggregateRating","ratingCount":174,"ratingValue":"4.91","worstRating":1,"bestRating":5},"operatingSystem":"Web","applicationCategory":"Software Engineering","author":[{"@type":"Person","name":"Do Duong","image":"https://ph-avatars.imgix.net/6655553/ac4d4f71-8e00-4346-b79c-983e6862abed.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@doduong97"},{"@type":"Person","name":"Thai Lu","image":"https://ph-avatars.imgix.net/6651575/789455c9-272e-4daa-80db-fe62e1337b2c.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@thai_lu"},{"@type":"Person","name":"Nhật Tuấn Lê","image":"https://ph-avatars.imgix.net/6556944/f1441354-1cc8-4022-8ad0-d559007eb936.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@lntuan99"}]},"meta":{"__typename":"MetaTags","canonicalUrl":"https://www.producthunt.com/products/locofy-ai","creator":"@doduong97","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","image":"https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format\u0026fit=crop\u0026frame=1\u0026h=512\u0026w=1024","mobileAppUrl":null,"oembedUrl":"https://www.producthunt.com/products/locofy-ai","robots":null,"title":"Locofy.ai - Product Information, Latest Updates, and Reviews 2024","type":"product","author":"Do Duong","authorUrl":"https://www.producthunt.com/@doduong97"},"name":"Locofy.ai","isMaker":false,"isStacked":false,"isViewerTeamMember":null,"stacksCount":576,"stackers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"5079","name":"Joris Delanoue","username":"joris_paris","avatarUrl":"https://ph-avatars.imgix.net/5079/15f9d9dd-ef51-4ed1-84ef-d4df6a1f306a.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"5080191","name":"Toni","username":"toni_pm","avatarUrl":"https://ph-avatars.imgix.net/5080191/80a1efd0-d9fe-4ad9-9e4a-371f485fcc99.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"521252","name":"Alex Circei","username":"alex_circei","avatarUrl":"https://ph-avatars.imgix.net/521252/4afed320-433a-40e7-b7ff-b564cbcedeec.jpeg"}}]},"postsCount":3,"reviewsCount":174,"reviewersCount":174,"reviewsRating":4.91,"reviewers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"4437390","username":"gauravgoyal_gg","name":"Gaurav Goyal","avatarUrl":"https://ph-avatars.imgix.net/4437390/90db8b69-d73d-4f86-a1ce-d3f9a9424fa7.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"1954774","username":"cryptolin","name":"Conrad Lin","avatarUrl":"https://ph-avatars.imgix.net/1954774/dc17427b-5c65-415f-ab92-3dc43f6e6db2.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"58010","username":"_nknj","name":"Nikunj Handa","avatarUrl":"https://ph-avatars.imgix.net/58010/original.jpeg"}}]},"description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","media":[{"__typename":"Media","id":"1846121","imageUuid":"629540e6-7de4-4984-8de5-dff96cd4e696.png","mediaType":"image","originalHeight":1520,"originalWidth":2540,"metadata":{"__typename":"MediaMetadata","platform":null,"url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null}},{"__typename":"Media","id":"1846138","imageUuid":"021d399a-40cd-45d7-947a-96a032f9e731.png","mediaType":"image","originalHeight":1520,"originalWidth":2540,"metadata":{"__typename":"MediaMetadata","platform":null,"url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null}},{"__typename":"Media","id":"1846137","imageUuid":"9b8d126b-ae0e-4122-a372-bd6789fd8673.png","mediaType":"image","originalHeight":1520,"originalWidth":2540,"metadata":{"__typename":"MediaMetadata","platform":null,"url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null}}],"latestPost":{"__typename":"Post","id":"599018","primaryLink":{"__typename":"ProductLink","id":"797691","url":"https://www.locofy.ai/"}},"targetedAd":null,"screenshots":{"__typename":"ProductScreenshotConnection","edges":[]},"categories":[{"__typename":"ProductCategory","id":"75","name":"Code editors","path":"/categories/code-editors"},{"__typename":"ProductCategory","id":"87","name":"Automation tools","path":"/categories/automation"},{"__typename":"ProductCategory","id":"88","name":"AI Coding Assistants","path":"/categories/ai-coding"},{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"},{"__typename":"ProductCategory","id":"235","name":"Design resources","path":"/categories/design-resources"}],"questions":{"__typename":"QuestionConnection","edges":[]},"badges":{"__typename":"Connection","edges":[]},"posts":{"__typename":"PostConnection","edges":[{"__typename":"PostEdge","node":{"__typename":"Post","id":"599018","slug":"locofy-pro","name":"Locofy Pro","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","createdAt":"2024-11-18T00:01:00-08:00","media":[{"__typename":"Media","id":"1843096","imageUuid":"a18cede8-2cca-443e-b048-888994799e78.png","mediaType":"image"},{"__typename":"Media","id":"1843095","imageUuid":"e65f5677-e78e-4146-b235-8ceaa9ad4c9b.png","mediaType":"image"},{"__typename":"Media","id":"1843094","imageUuid":"18f3f6b6-cba4-40cb-b79e-619ce033b6ca.png","mediaType":"image"},{"__typename":"Media","id":"1843093","imageUuid":"38582cfe-e400-4daa-bf5d-45ad970bcaaa.png","mediaType":"image"},{"__typename":"Media","id":"1843092","imageUuid":"237a1950-d47c-466d-88be-7aff0db32625.png","mediaType":"image"},{"__typename":"Media","id":"1843091","imageUuid":"cdca1398-3536-454d-8966-3b0ee41da670.png","mediaType":"image"},{"__typename":"Media","id":"1843090","imageUuid":"2d97d747-62be-4783-ab7c-867f970b07dd.png","mediaType":"image"},{"__typename":"Media","id":"1843089","imageUuid":"484fd400-a937-48dd-9a7d-d59cdd1221d1.png","mediaType":"image"},{"__typename":"Media","id":"1843088","imageUuid":"c51d9038-fcc3-4746-bf98-88b5ae51e217.png","mediaType":"image"},{"__typename":"Media","id":"1843087","imageUuid":"18cb4c80-1325-4f66-b1f0-7eece8a5d1e6.png","mediaType":"image"},{"__typename":"Media","id":"1846115","imageUuid":"9f0bcc08-98a4-49b7-909e-d98ed7dac90f.jpeg","mediaType":"video"}],"redirectToProduct":null}},{"__typename":"PostEdge","node":{"__typename":"Post","id":"434513","slug":"locofy-lightning","name":"Locofy Lightning","description":"Locofy Lightning converts Figma designs to frontend code in 1-click, powered by LocoAI's Large Design Models (LDMs). \n\nGet responsive, interactive designs \u0026amp; reusable code components with better class names. Then easily sync code to GitHub, or pull into VS Code.","createdAt":"2024-02-20T00:01:00-08:00","media":[{"__typename":"Media","id":"1530470","imageUuid":"0b8c2fbc-9b4a-4438-90c0-6a21090d7cd5.jpeg","mediaType":"video"},{"__typename":"Media","id":"1530839","imageUuid":"49d4e21b-b957-44eb-a407-47a3c34ff0b7.png","mediaType":"image"},{"__typename":"Media","id":"1530499","imageUuid":"cb407583-df1c-498e-a3c4-577e07dd4f57.gif","mediaType":"image"},{"__typename":"Media","id":"1530467","imageUuid":"5e03c4e3-b1a5-48cc-abe5-43659da02682.gif","mediaType":"image"},{"__typename":"Media","id":"1530502","imageUuid":"ed68afd0-005b-4612-ab1b-3f3ee63f9752.gif","mediaType":"image"},{"__typename":"Media","id":"1530501","imageUuid":"1e865323-0d64-4476-bbba-36de9e04afcd.gif","mediaType":"image"},{"__typename":"Media","id":"1530500","imageUuid":"7727fc2e-04b4-42d8-8af4-68ab706ad7e4.gif","mediaType":"image"},{"__typename":"Media","id":"1530838","imageUuid":"969d3352-21b1-4b29-9193-1500e1bb40be.png","mediaType":"image"},{"__typename":"Media","id":"1530837","imageUuid":"af110493-0875-44bf-92f3-a519a59f53c8.png","mediaType":"image"},{"__typename":"Media","id":"1530835","imageUuid":"79d6de75-d0cf-415a-8243-b33bcebd0969.png","mediaType":"image"},{"__typename":"Media","id":"1530836","imageUuid":"d67b4152-5f71-4ccf-b7ed-370ac9dadfa8.png","mediaType":"image"},{"__typename":"Media","id":"1530834","imageUuid":"2e2d4842-57b5-4945-a2e2-f64ad8dc7744.png","mediaType":"image"},{"__typename":"Media","id":"1530833","imageUuid":"b51a79f7-11ae-4561-a5d6-ae9d64cfed74.png","mediaType":"image"},{"__typename":"Media","id":"1530850","imageUuid":"9794da9c-b4bb-4550-9419-06bc8f3838a3.png","mediaType":"image"},{"__typename":"Media","id":"1530748","imageUuid":"cd80313a-c9a2-467a-80c8-8c4d2bf53e77.png","mediaType":"image"}],"redirectToProduct":{"__typename":"Product","id":"483584","slug":"locofy-ai"}}}]},"alternativeAssociations":{"__typename":"ProductAssociationConnection","edges":[{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"550217","alternative":{"__typename":"Product","id":"111800","slug":"anima-app","name":"Anima App","tagline":"Design to Code, Automated","logoUuid":"9e13de2b-cde7-4d32-be80-bfb7f1b3b055.png","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"683041","alternative":{"__typename":"Product","id":"454284","slug":"dhiwise","name":"DhiWise","tagline":"Convert Figma designs into Flutter 3.0 \u0026 React code rapidly","logoUuid":"4c7b58ea-341a-4661-9a2d-7502e70cd279.png","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"700083","alternative":{"__typename":"Product","id":"502270","slug":"html-to-design","name":"html.to.design","tagline":"Convert any website into fully editable Figma designs","logoUuid":"8ce34550-2101-4e1b-97be-41a6489a5055.png","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"776720","alternative":{"__typename":"Product","id":"542274","slug":"codejet-2","name":"Codejet","tagline":"Figma to quality React code.","logoUuid":"c39578cb-f502-447c-b4de-bdf0101b994e.gif","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"550199","alternative":{"__typename":"Product","id":"448263","slug":"overlay","name":"Overlay","tagline":"Turn Figma components into clean and reusable React/Vue.js","logoUuid":"5e44758a-f944-4dae-951c-6750d2edc4a7.gif","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"550201","alternative":{"__typename":"Product","id":"112221","slug":"bravo-studio","name":"Bravo Studio","tagline":"Prototypes just got real! ","logoUuid":"2e947076-efaa-4946-9a62-53e37f582599.gif","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"764296","alternative":{"__typename":"Product","id":"534555","slug":"figma-onboarding-components-from-bento","name":"Bento","tagline":"Add personalized onboarding \u0026 activation to your product","logoUuid":"ad69dc15-9143-4193-ab21-2c14a0b13e8c.png","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"550215","alternative":{"__typename":"Product","id":"438866","slug":"figma-pizza","name":"Figma Pizza","tagline":"Convert Figma designs to HTML markup. Free","logoUuid":"45b748ae-8a69-4314-9d0e-6bd6b139aedf.gif","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"699582","alternative":{"__typename":"Product","id":"502762","slug":"codis","name":"Codis","tagline":"Turn your designs into cross-platform code","logoUuid":"0baa7d18-ea93-40ec-835f-d109b732e936.gif","isNoLongerOnline":false}}}]},"shoutoutsToCount":1,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"viewerReview":null,"pricingType":"payment_required","websiteUrl":"https://www.locofy.ai","cleanUrl":"locofy.ai","iosUrl":null,"androidUrl":null,"instagramUrl":"https://www.instagram.com/locofy_ai/","facebookUrl":"https://www.facebook.com/locofy/","twitterUrl":"https://twitter.com/locofy_ai","linkedinUrl":"https://www.linkedin.com/company/locofy/","githubUrl":"","mediumUrl":"","angellistUrl":"","threadsUrl":"","canClaim":false,"canEdit":false,"isClaimed":true,"isTopProduct":false,"isGoldenKittyWinner":false,"viewerPendingTeamRequest":null,"makers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"3480330","name":"Honey Mittal","username":"honeymittal","avatarUrl":"https://ph-avatars.imgix.net/3480330/5ce1e53c-e5a9-4472-8d77-ee079bf18fc8.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"728385","name":"Abhishek Mishra","username":"abhi_shek1994","avatarUrl":"https://ph-avatars.imgix.net/728385/56ad21de-554a-4019-afa2-da8a6bd3a4ae.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4330964","name":"Sohaib","username":"msohaib","avatarUrl":"https://ph-avatars.imgix.net/4330964/c6598a09-3505-4c8e-bd73-3bec2b55eae0.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4416599","name":"Raymond Panganiban","username":"raymond_u_panganiban","avatarUrl":"https://ph-avatars.imgix.net/4416599/2ccf4d8e-74ef-4d3b-b684-7b98ff2e04ac.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4416654","name":"Salman Ahmed","username":"salmanahmed521","avatarUrl":"https://ph-avatars.imgix.net/4416654/dc6a5732-0686-4c68-93ee-d46e3f3ff495.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4344422","name":"Ben Sebastian","username":"bsebastian86","avatarUrl":"https://ph-avatars.imgix.net/4344422/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4416578","name":"Jeraldine Low","username":"jeraldine_low","avatarUrl":"https://ph-avatars.imgix.net/4416578/37d4b2c5-a08e-4a45-8f25-dc09ef18f15e.png"}}]},"promo":{"__typename":"PostPromo","text":"20% off any annual plan","code":"MEOW20"},"tagline":"Build frontend 10x faster with design-to-code AI","logoUuid":"91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif","isNoLongerOnline":false,"url":"https://www.producthunt.com/products/locofy-ai"},"viewer":{"__typename":"Viewer","id":null,"isFeaturedPostMaker":false,"recentLaunch":null}},"networkStatus":7},":R1jqv7rrqkutkqH1:":{"data":{"viewer":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}}},"networkStatus":7},":R1jqv7rrqkutkqH2:":{"data":undefined,"loading":false,"networkStatus":7,"called":false},":R31ljqv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R31ljqv7rrqkutkqH1:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rb1ljqv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rb1ljqv7rrqkutkqH1:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R51ljqv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rd1ljqv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rd1ljqv7rrqkutkqH1:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R23ljqv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R35ljqv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R55ljqv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R1lljqv7rrqkutkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R1lljqv7rrqkutkqH1:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"7fbd08c8-33e0-43c1-bdcc-271a9187a300","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R6ljqv7rrqkutkq:":{"data":undefined,"loading":true,"networkStatus":1,"called":true}},"events":[{"type":"data","id":"4","result":{"data":{"product":{"__typename":"Product","id":"483584","slug":"locofy-ai","structuredData":{"@context":"http://schema.org","@type":"WebApplication","name":"Locofy.ai","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","datePublished":"2022-06-06T12:16:00.300-07:00","dateModified":"2024-11-23T02:01:08.156-08:00","image":"https://ph-files.imgix.net/91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif?auto=format","screenshot":["https://ph-files.imgix.net/9b8d126b-ae0e-4122-a372-bd6789fd8673.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/021d399a-40cd-45d7-947a-96a032f9e731.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/629540e6-7de4-4984-8de5-dff96cd4e696.png?auto=format\u0026fit=crop"],"aggregateRating":{"@type":"AggregateRating","ratingCount":174,"ratingValue":"4.91","worstRating":1,"bestRating":5},"operatingSystem":"Web","applicationCategory":"Software Engineering","author":[{"@type":"Person","name":"Do Duong","image":"https://ph-avatars.imgix.net/6655553/ac4d4f71-8e00-4346-b79c-983e6862abed.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@doduong97"},{"@type":"Person","name":"Thai Lu","image":"https://ph-avatars.imgix.net/6651575/789455c9-272e-4daa-80db-fe62e1337b2c.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@thai_lu"},{"@type":"Person","name":"Nhật Tuấn Lê","image":"https://ph-avatars.imgix.net/6556944/f1441354-1cc8-4022-8ad0-d559007eb936.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@lntuan99"}]},"meta":{"__typename":"MetaTags","canonicalUrl":"https://www.producthunt.com/products/locofy-ai","creator":"@doduong97","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","image":"https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format\u0026fit=crop\u0026frame=1\u0026h=512\u0026w=1024","mobileAppUrl":null,"oembedUrl":"https://www.producthunt.com/products/locofy-ai","robots":null,"title":"Locofy.ai - Product Information, Latest Updates, and Reviews 2024","type":"product","author":"Do Duong","authorUrl":"https://www.producthunt.com/@doduong97"},"name":"Locofy.ai","isMaker":false,"isStacked":false,"isViewerTeamMember":null,"stacksCount":576,"stackers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"5079","name":"Joris Delanoue","username":"joris_paris","avatarUrl":"https://ph-avatars.imgix.net/5079/15f9d9dd-ef51-4ed1-84ef-d4df6a1f306a.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"5080191","name":"Toni","username":"toni_pm","avatarUrl":"https://ph-avatars.imgix.net/5080191/80a1efd0-d9fe-4ad9-9e4a-371f485fcc99.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"521252","name":"Alex Circei","username":"alex_circei","avatarUrl":"https://ph-avatars.imgix.net/521252/4afed320-433a-40e7-b7ff-b564cbcedeec.jpeg"}}]},"postsCount":3,"reviewsCount":174,"reviewersCount":174,"reviewsRating":4.91,"reviewers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"4437390","username":"gauravgoyal_gg","name":"Gaurav Goyal","avatarUrl":"https://ph-avatars.imgix.net/4437390/90db8b69-d73d-4f86-a1ce-d3f9a9424fa7.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"1954774","username":"cryptolin","name":"Conrad Lin","avatarUrl":"https://ph-avatars.imgix.net/1954774/dc17427b-5c65-415f-ab92-3dc43f6e6db2.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"58010","username":"_nknj","name":"Nikunj Handa","avatarUrl":"https://ph-avatars.imgix.net/58010/original.jpeg"}}]},"description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","media":[{"__typename":"Media","id":"1846121","imageUuid":"629540e6-7de4-4984-8de5-dff96cd4e696.png","mediaType":"image","originalHeight":1520,"originalWidth":2540,"metadata":{"__typename":"MediaMetadata","platform":null,"url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null}},{"__typename":"Media","id":"1846138","imageUuid":"021d399a-40cd-45d7-947a-96a032f9e731.png","mediaType":"image","originalHeight":1520,"originalWidth":2540,"metadata":{"__typename":"MediaMetadata","platform":null,"url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null}},{"__typename":"Media","id":"1846137","imageUuid":"9b8d126b-ae0e-4122-a372-bd6789fd8673.png","mediaType":"image","originalHeight":1520,"originalWidth":2540,"metadata":{"__typename":"MediaMetadata","platform":null,"url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null}}],"latestPost":{"__typename":"Post","id":"599018","primaryLink":{"__typename":"ProductLink","id":"797691","url":"https://www.locofy.ai/"}},"targetedAd":null,"screenshots":{"__typename":"ProductScreenshotConnection","edges":[]},"categories":[{"__typename":"ProductCategory","id":"75","name":"Code editors","path":"/categories/code-editors"},{"__typename":"ProductCategory","id":"87","name":"Automation tools","path":"/categories/automation"},{"__typename":"ProductCategory","id":"88","name":"AI Coding Assistants","path":"/categories/ai-coding"},{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"},{"__typename":"ProductCategory","id":"235","name":"Design resources","path":"/categories/design-resources"}],"questions":{"__typename":"QuestionConnection","edges":[]},"badges":{"__typename":"Connection","edges":[]},"posts":{"__typename":"PostConnection","edges":[{"__typename":"PostEdge","node":{"__typename":"Post","id":"599018","slug":"locofy-pro","name":"Locofy Pro","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","createdAt":"2024-11-18T00:01:00-08:00","media":[{"__typename":"Media","id":"1843096","imageUuid":"a18cede8-2cca-443e-b048-888994799e78.png","mediaType":"image"},{"__typename":"Media","id":"1843095","imageUuid":"e65f5677-e78e-4146-b235-8ceaa9ad4c9b.png","mediaType":"image"},{"__typename":"Media","id":"1843094","imageUuid":"18f3f6b6-cba4-40cb-b79e-619ce033b6ca.png","mediaType":"image"},{"__typename":"Media","id":"1843093","imageUuid":"38582cfe-e400-4daa-bf5d-45ad970bcaaa.png","mediaType":"image"},{"__typename":"Media","id":"1843092","imageUuid":"237a1950-d47c-466d-88be-7aff0db32625.png","mediaType":"image"},{"__typename":"Media","id":"1843091","imageUuid":"cdca1398-3536-454d-8966-3b0ee41da670.png","mediaType":"image"},{"__typename":"Media","id":"1843090","imageUuid":"2d97d747-62be-4783-ab7c-867f970b07dd.png","mediaType":"image"},{"__typename":"Media","id":"1843089","imageUuid":"484fd400-a937-48dd-9a7d-d59cdd1221d1.png","mediaType":"image"},{"__typename":"Media","id":"1843088","imageUuid":"c51d9038-fcc3-4746-bf98-88b5ae51e217.png","mediaType":"image"},{"__typename":"Media","id":"1843087","imageUuid":"18cb4c80-1325-4f66-b1f0-7eece8a5d1e6.png","mediaType":"image"},{"__typename":"Media","id":"1846115","imageUuid":"9f0bcc08-98a4-49b7-909e-d98ed7dac90f.jpeg","mediaType":"video"}],"redirectToProduct":null}},{"__typename":"PostEdge","node":{"__typename":"Post","id":"434513","slug":"locofy-lightning","name":"Locofy Lightning","description":"Locofy Lightning converts Figma designs to frontend code in 1-click, powered by LocoAI's Large Design Models (LDMs). \n\nGet responsive, interactive designs \u0026amp; reusable code components with better class names. Then easily sync code to GitHub, or pull into VS Code.","createdAt":"2024-02-20T00:01:00-08:00","media":[{"__typename":"Media","id":"1530470","imageUuid":"0b8c2fbc-9b4a-4438-90c0-6a21090d7cd5.jpeg","mediaType":"video"},{"__typename":"Media","id":"1530839","imageUuid":"49d4e21b-b957-44eb-a407-47a3c34ff0b7.png","mediaType":"image"},{"__typename":"Media","id":"1530499","imageUuid":"cb407583-df1c-498e-a3c4-577e07dd4f57.gif","mediaType":"image"},{"__typename":"Media","id":"1530467","imageUuid":"5e03c4e3-b1a5-48cc-abe5-43659da02682.gif","mediaType":"image"},{"__typename":"Media","id":"1530502","imageUuid":"ed68afd0-005b-4612-ab1b-3f3ee63f9752.gif","mediaType":"image"},{"__typename":"Media","id":"1530501","imageUuid":"1e865323-0d64-4476-bbba-36de9e04afcd.gif","mediaType":"image"},{"__typename":"Media","id":"1530500","imageUuid":"7727fc2e-04b4-42d8-8af4-68ab706ad7e4.gif","mediaType":"image"},{"__typename":"Media","id":"1530838","imageUuid":"969d3352-21b1-4b29-9193-1500e1bb40be.png","mediaType":"image"},{"__typename":"Media","id":"1530837","imageUuid":"af110493-0875-44bf-92f3-a519a59f53c8.png","mediaType":"image"},{"__typename":"Media","id":"1530835","imageUuid":"79d6de75-d0cf-415a-8243-b33bcebd0969.png","mediaType":"image"},{"__typename":"Media","id":"1530836","imageUuid":"d67b4152-5f71-4ccf-b7ed-370ac9dadfa8.png","mediaType":"image"},{"__typename":"Media","id":"1530834","imageUuid":"2e2d4842-57b5-4945-a2e2-f64ad8dc7744.png","mediaType":"image"},{"__typename":"Media","id":"1530833","imageUuid":"b51a79f7-11ae-4561-a5d6-ae9d64cfed74.png","mediaType":"image"},{"__typename":"Media","id":"1530850","imageUuid":"9794da9c-b4bb-4550-9419-06bc8f3838a3.png","mediaType":"image"},{"__typename":"Media","id":"1530748","imageUuid":"cd80313a-c9a2-467a-80c8-8c4d2bf53e77.png","mediaType":"image"}],"redirectToProduct":{"__typename":"Product","id":"483584","slug":"locofy-ai"}}}]},"alternativeAssociations":{"__typename":"ProductAssociationConnection","edges":[{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"550217","alternative":{"__typename":"Product","id":"111800","slug":"anima-app","name":"Anima App","tagline":"Design to Code, Automated","logoUuid":"9e13de2b-cde7-4d32-be80-bfb7f1b3b055.png","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"683041","alternative":{"__typename":"Product","id":"454284","slug":"dhiwise","name":"DhiWise","tagline":"Convert Figma designs into Flutter 3.0 \u0026 React code rapidly","logoUuid":"4c7b58ea-341a-4661-9a2d-7502e70cd279.png","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"700083","alternative":{"__typename":"Product","id":"502270","slug":"html-to-design","name":"html.to.design","tagline":"Convert any website into fully editable Figma designs","logoUuid":"8ce34550-2101-4e1b-97be-41a6489a5055.png","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"776720","alternative":{"__typename":"Product","id":"542274","slug":"codejet-2","name":"Codejet","tagline":"Figma to quality React code.","logoUuid":"c39578cb-f502-447c-b4de-bdf0101b994e.gif","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"550199","alternative":{"__typename":"Product","id":"448263","slug":"overlay","name":"Overlay","tagline":"Turn Figma components into clean and reusable React/Vue.js","logoUuid":"5e44758a-f944-4dae-951c-6750d2edc4a7.gif","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"550201","alternative":{"__typename":"Product","id":"112221","slug":"bravo-studio","name":"Bravo Studio","tagline":"Prototypes just got real! ","logoUuid":"2e947076-efaa-4946-9a62-53e37f582599.gif","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"764296","alternative":{"__typename":"Product","id":"534555","slug":"figma-onboarding-components-from-bento","name":"Bento","tagline":"Add personalized onboarding \u0026 activation to your product","logoUuid":"ad69dc15-9143-4193-ab21-2c14a0b13e8c.png","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"550215","alternative":{"__typename":"Product","id":"438866","slug":"figma-pizza","name":"Figma Pizza","tagline":"Convert Figma designs to HTML markup. Free","logoUuid":"45b748ae-8a69-4314-9d0e-6bd6b139aedf.gif","isNoLongerOnline":false}}},{"__typename":"ProductAssociationEdge","node":{"__typename":"ProductAssociation","id":"699582","alternative":{"__typename":"Product","id":"502762","slug":"codis","name":"Codis","tagline":"Turn your designs into cross-platform code","logoUuid":"0baa7d18-ea93-40ec-835f-d109b732e936.gif","isNoLongerOnline":false}}}]},"shoutoutsToCount":1,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"viewerReview":null,"pricingType":"payment_required","websiteUrl":"https://www.locofy.ai","cleanUrl":"locofy.ai","iosUrl":null,"androidUrl":null,"instagramUrl":"https://www.instagram.com/locofy_ai/","facebookUrl":"https://www.facebook.com/locofy/","twitterUrl":"https://twitter.com/locofy_ai","linkedinUrl":"https://www.linkedin.com/company/locofy/","githubUrl":"","mediumUrl":"","angellistUrl":"","threadsUrl":"","canClaim":false,"canEdit":false,"isClaimed":true,"isTopProduct":false,"isGoldenKittyWinner":false,"viewerPendingTeamRequest":null,"makers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"3480330","name":"Honey Mittal","username":"honeymittal","avatarUrl":"https://ph-avatars.imgix.net/3480330/5ce1e53c-e5a9-4472-8d77-ee079bf18fc8.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"728385","name":"Abhishek Mishra","username":"abhi_shek1994","avatarUrl":"https://ph-avatars.imgix.net/728385/56ad21de-554a-4019-afa2-da8a6bd3a4ae.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4330964","name":"Sohaib","username":"msohaib","avatarUrl":"https://ph-avatars.imgix.net/4330964/c6598a09-3505-4c8e-bd73-3bec2b55eae0.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4416599","name":"Raymond Panganiban","username":"raymond_u_panganiban","avatarUrl":"https://ph-avatars.imgix.net/4416599/2ccf4d8e-74ef-4d3b-b684-7b98ff2e04ac.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4416654","name":"Salman Ahmed","username":"salmanahmed521","avatarUrl":"https://ph-avatars.imgix.net/4416654/dc6a5732-0686-4c68-93ee-d46e3f3ff495.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4344422","name":"Ben Sebastian","username":"bsebastian86","avatarUrl":"https://ph-avatars.imgix.net/4344422/original.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"4416578","name":"Jeraldine Low","username":"jeraldine_low","avatarUrl":"https://ph-avatars.imgix.net/4416578/37d4b2c5-a08e-4a45-8f25-dc09ef18f15e.png"}}]},"promo":{"__typename":"PostPromo","text":"20% off any annual plan","code":"MEOW20"},"tagline":"Build frontend 10x faster with design-to-code AI","logoUuid":"91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif","isNoLongerOnline":false,"url":"https://www.producthunt.com/products/locofy-ai"},"viewer":{"__typename":"Viewer","id":null,"isFeaturedPostMaker":false,"recentLaunch":null}}}},{"type":"complete","id":"4"}]})</script><div hidden id="S:1"><div class="flex flex-col gap-4 md:pb-12"><div class="flex flex-col"><div class="mb-8 flex flex-row items-center justify-between rounded border border-light-blue px-2 py-4 sm:px-4"><div class="text-14 sm:text-16 md:text-16 font-semibold text-light-gray">Do you use Locofy.ai?</div><div class="flex flex-row gap-4"><button type="button" data-test="product-483584-add-to-stack" class="styles_reset__0clCw styles_button__BmLM4 styles_secondary__zB2Yb">I use this</button><button type="button" data-test="product-483584-stack-alternative-button" class="styles_reset__0clCw styles_button__BmLM4 styles_secondary__zB2Yb">I use something else</button></div></div><div class="flex flex-col"><div class="text-16 font-semibold text-dark-gray mb-3">What is Locofy.ai?</div><div class="text-16 font-normal text-light-gray mb-6">Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.</div><div class="mb-6 flex flex-row gap-2 sm:mb-6 md:mb-0"><a data-test="category-pill-75" href="/categories/code-editors"><div class="inline-block shrink-0 self-start whitespace-nowrap rounded-[20px] border px-2 lg:rounded-[12px] bg-none border-light-blue"><div><span class="text-12 font-semibold text-dark-gray text-dark-gray">Code editors</span></div></div></a><a data-test="category-pill-87" href="/categories/automation"><div class="inline-block shrink-0 self-start whitespace-nowrap rounded-[20px] border px-2 lg:rounded-[12px] bg-none border-light-blue"><div><span class="text-12 font-semibold text-dark-gray text-dark-gray">Automation tools</span></div></div></a><a data-test="category-pill-88" href="/categories/ai-coding"><div class="inline-block shrink-0 self-start whitespace-nowrap rounded-[20px] border px-2 lg:rounded-[12px] bg-none border-light-blue"><div><span class="text-12 font-semibold text-dark-gray text-dark-gray">AI Coding Assistants</span></div></div></a><a data-test="category-pill-200" href="/categories/figma-plugins"><div class="inline-block shrink-0 self-start whitespace-nowrap rounded-[20px] border px-2 lg:rounded-[12px] bg-none border-light-blue"><div><span class="text-12 font-semibold text-dark-gray text-dark-gray">Figma Plugins</span></div></div></a><a data-test="category-pill-235" href="/categories/design-resources"><div class="inline-block shrink-0 self-start whitespace-nowrap rounded-[20px] border px-2 lg:rounded-[12px] bg-none border-light-blue"><div><span class="text-12 font-semibold text-dark-gray text-dark-gray">Design resources</span></div></div></a></div><div class="mb-6 flex flex-row"><div data-test="post-promo-code" class="flex flex-row items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="size-4"><path fill="#F64900" d="M15.333 3.333h-1.596c.16-.317.25-.666.263-1.022A2.4 2.4 0 0 0 11.555 0 4.14 4.14 0 0 0 8 2.345 4.12 4.12 0 0 0 4.467 0H4.39A2.396 2.396 0 0 0 2 2.311v.044c.013.34.1.674.253.978H.667A.667.667 0 0 0 0 4v2c0 .368.298.667.667.667h14.666A.667.667 0 0 0 16 6V4a.667.667 0 0 0-.667-.667m-3.757-2a1.067 1.067 0 0 1 1.09.978 1.06 1.06 0 0 1-1.05 1.022h-2.63c.414-.839 1.239-2 2.59-2m-8.243 1a1.067 1.067 0 0 1 1.076-1c1.38.006 2.188 1.154 2.607 2h-2.6a1.077 1.077 0 0 1-1.083-1m6 5.667v8h3.334a2 2 0 0 0 2-2V8zM6.667 8H1.333v6a2 2 0 0 0 2 2h3.334z"></path></svg><button type="button" class="text-left text-16 font-normal text-coral">20% off any annual plan</button></div></div><div class="flex flex-row justify-start gap-4 overflow-x-auto justify-between"><div class="relative cursor-pointer overflow-hidden rounded"><img loading="lazy" srcSet="https://ph-files.imgix.net/629540e6-7de4-4984-8de5-dff96cd4e696.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=256&h=160&fit=crop&dpr=1 1x, https://ph-files.imgix.net/629540e6-7de4-4984-8de5-dff96cd4e696.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=256&h=160&fit=crop&dpr=2 2x, https://ph-files.imgix.net/629540e6-7de4-4984-8de5-dff96cd4e696.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=256&h=160&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/629540e6-7de4-4984-8de5-dff96cd4e696.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=256&h=160&fit=crop" style="width:256px;height:160px" alt="Locofy.ai media 1" class="rounded object-cover" data-test="image-1846121"/></div><div class="relative cursor-pointer overflow-hidden rounded"><img loading="lazy" srcSet="https://ph-files.imgix.net/021d399a-40cd-45d7-947a-96a032f9e731.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=256&h=160&fit=crop&dpr=1 1x, https://ph-files.imgix.net/021d399a-40cd-45d7-947a-96a032f9e731.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=256&h=160&fit=crop&dpr=2 2x, https://ph-files.imgix.net/021d399a-40cd-45d7-947a-96a032f9e731.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=256&h=160&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/021d399a-40cd-45d7-947a-96a032f9e731.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=256&h=160&fit=crop" style="width:256px;height:160px" alt="Locofy.ai media 2" class="rounded object-cover" data-test="image-1846138"/></div><div class="relative cursor-pointer overflow-hidden rounded"><img loading="lazy" srcSet="https://ph-files.imgix.net/9b8d126b-ae0e-4122-a372-bd6789fd8673.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=256&h=160&fit=crop&dpr=1 1x, https://ph-files.imgix.net/9b8d126b-ae0e-4122-a372-bd6789fd8673.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=256&h=160&fit=crop&dpr=2 2x, https://ph-files.imgix.net/9b8d126b-ae0e-4122-a372-bd6789fd8673.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=256&h=160&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/9b8d126b-ae0e-4122-a372-bd6789fd8673.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=256&h=160&fit=crop" style="width:256px;height:160px" alt="Locofy.ai media 3" class="rounded object-cover" data-test="image-1846137"/></div></div></div><div class="mt-12 flex flex-col gap-6"><h3 class="text-24 font-bold text-dark-gray">Recent launches</h3><div data-test="latest-launches" class="flex flex-col"><div data-test="post-item-599018" class="mb-6 flex flex-1 flex-row items-center justify-center gap-5"><div class="styles_container__6vBh7 flex flex-col"><div class="text-16 font-semibold text-dark-gray styles_noOfLines-1__u8iSd">Locofy Pro</div><div class="styles_htmlText__eYPgj text-14 font-normal text-light-gray styles_noOfLines-2__k_Ta_">Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.</div><div class="text-14 font-normal text-light-gray styles_timeAgo__ZeHzF"><time dateTime="2024-11-18T00:01:00-08:00" title="Monday, November 18th 2024, 8:01:00 AM">5d ago</time></div></div><img loading="lazy" srcSet="https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=150&h=90&fit=crop&dpr=1 1x, https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=150&h=90&fit=crop&dpr=2 2x, https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=150&h=90&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=150&h=90&fit=crop" style="width:150px;height:90px" alt="Locofy Pro image" class="styles_media__4SAlQ"/></div><div data-test="post-item-434513" class="mb-6 flex flex-1 flex-row items-center justify-center gap-5"><div class="styles_container__6vBh7 flex flex-col"><div class="text-16 font-semibold text-dark-gray styles_noOfLines-1__u8iSd">Locofy Lightning</div><div class="styles_htmlText__eYPgj text-14 font-normal text-light-gray styles_noOfLines-2__k_Ta_">Locofy Lightning converts Figma designs to frontend code in 1-click, powered by LocoAI's Large Design Models (LDMs). Get responsive, interactive designs & reusable code components with better class names. Then easily sync code to GitHub, or pull into VS Code.</div><div class="text-14 font-normal text-light-gray styles_timeAgo__ZeHzF"><time dateTime="2024-02-20T00:01:00-08:00" title="Tuesday, February 20th 2024, 8:01:00 AM">9mo ago</time></div></div><img loading="lazy" srcSet="https://ph-files.imgix.net/49d4e21b-b957-44eb-a407-47a3c34ff0b7.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=150&h=90&fit=crop&dpr=1 1x, https://ph-files.imgix.net/49d4e21b-b957-44eb-a407-47a3c34ff0b7.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=150&h=90&fit=crop&dpr=2 2x, https://ph-files.imgix.net/49d4e21b-b957-44eb-a407-47a3c34ff0b7.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=150&h=90&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/49d4e21b-b957-44eb-a407-47a3c34ff0b7.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=150&h=90&fit=crop" style="width:150px;height:90px" alt="Locofy Lightning image" class="styles_media__4SAlQ"/></div></div><a class="styles_reset__0clCw styles_button__BmLM4 styles_secondary__zB2Yb styles_seeMore__mH4Uo" href="/products/locofy-ai/launches">1 more launch</a></div></div></div></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:1","P:1")</script><script>$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("B:0","S:0")</script></body></html>