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/57771a7998c11784.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/1ea9739f23a3b69e.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/38f7d385ab6d9f22.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/33ee5e80f001fd95.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/ed9422aabbfb75da.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/29af2b0ddd9c4ebc.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/5a2cbe5273a2da57.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-30778d936fdefa2e.js"/><script src="/_next/static/chunks/fd9d1056-96a9c9a805849b31.js" async=""></script><script src="/_next/static/chunks/19948-c36f71a920d62304.js" async=""></script><script src="/_next/static/chunks/main-app-f0be7d1daeef7a09.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/28051-6c99bb1ef2e7af63.js" async=""></script><script src="/_next/static/chunks/23714-107263d1137b8b64.js" async=""></script><script src="/_next/static/chunks/1997-8c211c482f7f1b80.js" async=""></script><script src="/_next/static/chunks/18489-27cb2cd16662f495.js" async=""></script><script src="/_next/static/chunks/65777-3de4ee3a8101d13d.js" async=""></script><script src="/_next/static/chunks/49867-5b86855fe20a0bf3.js" async=""></script><script src="/_next/static/chunks/50570-f5cbfddf7e09b62f.js" async=""></script><script src="/_next/static/chunks/69558-1b9bff93d908a3d5.js" async=""></script><script src="/_next/static/chunks/85253-f8be5dd1b3c0f4dd.js" async=""></script><script src="/_next/static/chunks/86996-f19689892afa988b.js" async=""></script><script src="/_next/static/chunks/37668-bf16c1222198f527.js" async=""></script><script src="/_next/static/chunks/app/(main)/categories/%5Bslug%5D/page-3af361b91833ba99.js" async=""></script><script src="/_next/static/chunks/50634-a6b23532a6b29b55.js" async=""></script><script src="/_next/static/chunks/63761-17f7fa9792e0fc0c.js" async=""></script><script src="/_next/static/chunks/2934-40203c6037aa8cbb.js" async=""></script><script src="/_next/static/chunks/app/(main)/layout-35d187729779b08c.js" async=""></script><script src="/_next/static/chunks/74468-913b2d3a1cd26fb3.js" async=""></script><script src="/_next/static/chunks/app/(main)/not-found-50ae68819c421045.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-8129646ff22b7671.js" async=""></script><script src="/_next/static/chunks/app/(cards)/layout-ed869996799e05ab.js" async=""></script><script src="/_next/static/chunks/25058-f2b5f735f386b605.js" async=""></script><script src="/_next/static/chunks/app/global-error-00a3da7293b47179.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> The best Figma plugins to use in 2024 | Product Hunt</title><meta name="description" content="Figma plugins are like superpowers for your design workflow. They are small add-ons that extend the functionality of the Figma design tool and help you work more efficiently and creatively."/><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=" The best Figma plugins to use in 2024 | Product Hunt"/><meta property="og:description" content="Figma plugins are like superpowers for your design workflow. They are small add-ons that extend the functionality of the Figma design tool and help you work more efficiently and creatively."/><meta property="og:url" content="https://www.producthunt.com/categories/figma-plugins"/><meta property="og:site_name" content="Product Hunt"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://api.url2png.com/v6/P5329C1FA0ECB6/00ea2d24ece79b1c3960551d9da7dec4/png/?say_cheese=true&ttl=31536000&unique=85bccce7fd1327711e91d0d98873be6b&url=https%3A%2F%2Fproducthunt.com%2Fshareable_image%2Fproducts_category%2F200&viewport=1200x628"/><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="@producthunt"/><meta name="twitter:title" content=" The best Figma plugins to use in 2024 | Product Hunt"/><meta name="twitter:description" content="Figma plugins are like superpowers for your design workflow. They are small add-ons that extend the functionality of the Figma design tool and help you work more efficiently and creatively."/><meta name="twitter:image" content="https://api.url2png.com/v6/P5329C1FA0ECB6/00ea2d24ece79b1c3960551d9da7dec4/png/?say_cheese=true&ttl=31536000&unique=85bccce7fd1327711e91d0d98873be6b&url=https%3A%2F%2Fproducthunt.com%2Fshareable_image%2Fproducts_category%2F200&viewport=1200x628"/><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 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"},":R8ocutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R18cutkq:":{"data":undefined,"loading":true,"networkStatus":1,"called":true},":R9ocutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Ra8cutkq:":{"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"},":Rccutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}}},"networkStatus":7},":RccutkqH1:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R17rrqkutkq:":{"data":{"productCategory":{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","slug":"figma-plugins","path":"/categories/figma-plugins","meta":{"__typename":"MetaTags","title":"The best Figma plugins to use in 2024","canonicalUrl":"https://www.producthunt.com/categories/figma-plugins","creator":"@producthunt","description":"Figma plugins are like superpowers for your design workflow. They are small add-ons that extend the functionality of the Figma design tool and help you work more efficiently and creatively.","image":"https://api.url2png.com/v6/P5329C1FA0ECB6/00ea2d24ece79b1c3960551d9da7dec4/png/?say_cheese=true\u0026ttl=31536000\u0026unique=85bccce7fd1327711e91d0d98873be6b\u0026url=https%3A%2F%2Fproducthunt.com%2Fshareable_image%2Fproducts_category%2F200\u0026viewport=1200x628","mobileAppUrl":null,"oembedUrl":null,"robots":null,"type":"article","author":null,"authorUrl":null},"targetedAd":null,"parent":{"__typename":"ProductCategory","id":"196","name":"Product add-ons","path":"/categories/product-add-ons","subCategories":{"__typename":"ProductCategoryConnection","edges":[{"__typename":"ProductCategoryEdge","node":{"__typename":"ProductCategory","id":"199","name":"Chrome Extensions","path":"/categories/chrome-extensions"}},{"__typename":"ProductCategoryEdge","node":{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"}},{"__typename":"ProductCategoryEdge","node":{"__typename":"ProductCategory","id":"204","name":"Figma Templates","path":"/categories/figma-templates"}},{"__typename":"ProductCategoryEdge","node":{"__typename":"ProductCategory","id":"197","name":"Notion Templates","path":"/categories/notion-templates"}},{"__typename":"ProductCategoryEdge","node":{"__typename":"ProductCategory","id":"496","name":"Slack apps","path":"/categories/slack-apps"}},{"__typename":"ProductCategoryEdge","node":{"__typename":"ProductCategory","id":"202","name":"Twitter apps","path":"/categories/twitter-apps"}},{"__typename":"ProductCategoryEdge","node":{"__typename":"ProductCategory","id":"201","name":"Wordpress Plugins","path":"/categories/wordpress-plugins"}},{"__typename":"ProductCategoryEdge","node":{"__typename":"ProductCategory","id":"265","name":"Wordpress themes","path":"/categories/wordpress-themes"}}]}},"descriptionHeading":"What are Figma plugins?","description":"Figma plugins are like superpowers for your design workflow. They are small add-ons that extend the functionality of the Figma design tool and help you work more efficiently and creatively.","article":null,"products":{"__typename":"ProductsConnection","edges":[{"__typename":"ProductEdge","node":{"__typename":"Product","id":"105200","name":"Mobbin","tagline":"The world's largest UI \u0026 UX design reference library","path":"/products/mobbin","reviewsRating":4.87,"reviewsCount":152,"logoUuid":"25624cf0-f7b7-4726-8e2f-4796a5c76453.png","isNoLongerOnline":false,"slug":"mobbin","isMaker":false,"shoutoutsToCount":5,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[{"__typename":"PostShoutoutEdge","node":{"__typename":"PostShoutout","id":"13598","post":{"__typename":"Post","id":"464784","slug":"anyonecanai","name":"AnyoneCanAI","redirectToProduct":{"__typename":"Product","id":"589319","slug":"anyonecanai"},"badges":{"__typename":"Connection","edges":[{"__typename":"BadgeEdge","node":{"__typename":"TopPostBadge","id":"4383064","position":2,"period":"daily","date":"2024-07-11"}}]},"thumbnailImageUuid":"f54601d8-14ef-447b-9482-326b0c1cc977.gif","productState":"default"}}},{"__typename":"PostShoutoutEdge","node":{"__typename":"PostShoutout","id":"8685","post":{"__typename":"Post","id":"460203","slug":"graphite-ai-seo-platform","name":"Graphite AI SEO Platform","redirectToProduct":{"__typename":"Product","id":"585700","slug":"graphite-ai-seo-platform"},"badges":{"__typename":"Connection","edges":[{"__typename":"BadgeEdge","node":{"__typename":"TopPostBadge","id":"4229976","position":3,"period":"daily","date":"2024-05-30"}}]},"thumbnailImageUuid":"c8dd0cb9-8f45-4c93-af1a-093d34eaaff6.png","productState":"default"}}}]},"postsCount":4,"description":"Mobbin is the Pinterest for UI \u0026 UX design. We are building a comprehensive, expert-curated library of interfaces from the best-in-class digital products that helps product designers find relevant design inspiration and references with significantly less time and effort.","mediaImages":[{"__typename":"Media","id":"1673082","imageUuid":"91d90e5e-1c25-401f-be14-fd0305078830.png"},{"__typename":"Media","id":"1673081","imageUuid":"a97b8e4c-0b8a-46a1-ac0c-2f83df7b02bd.png"},{"__typename":"Media","id":"1673080","imageUuid":"c1a82775-1401-4c88-b136-b036ddadccf7.png"}],"categories":[{"__typename":"ProductCategory","id":"68","name":"Design inspiration websites","path":"/categories/design-inspiration"},{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"},{"__typename":"ProductCategory","id":"235","name":"Design resources","path":"/categories/design-resources"}],"promo":null}},{"__typename":"ProductEdge","node":{"__typename":"Product","id":"483584","name":"Locofy.ai","tagline":"Build frontend 10x faster with design-to-code AI","path":"/products/locofy-ai","reviewsRating":4.91,"reviewsCount":174,"logoUuid":"91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif","isNoLongerOnline":false,"slug":"locofy-ai","isMaker":false,"shoutoutsToCount":1,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"postsCount":3,"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.","mediaImages":[{"__typename":"Media","id":"1846121","imageUuid":"629540e6-7de4-4984-8de5-dff96cd4e696.png"},{"__typename":"Media","id":"1846138","imageUuid":"021d399a-40cd-45d7-947a-96a032f9e731.png"},{"__typename":"Media","id":"1846137","imageUuid":"9b8d126b-ae0e-4122-a372-bd6789fd8673.png"}],"categories":[{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"},{"__typename":"ProductCategory","id":"88","name":"AI Coding Assistants","path":"/categories/ai-coding"},{"__typename":"ProductCategory","id":"87","name":"Automation tools","path":"/categories/automation"},{"__typename":"ProductCategory","id":"235","name":"Design resources","path":"/categories/design-resources"},{"__typename":"ProductCategory","id":"75","name":"Code editors","path":"/categories/code-editors"}],"promo":{"__typename":"PostPromo","text":"20% off any annual plan","code":"MEOW20"}}},{"__typename":"ProductEdge","node":{"__typename":"Product","id":"454284","name":"DhiWise","tagline":"Convert Figma designs into Flutter 3.0 \u0026 React code rapidly","path":"/products/dhiwise","reviewsRating":4.86,"reviewsCount":138,"logoUuid":"4c7b58ea-341a-4661-9a2d-7502e70cd279.png","isNoLongerOnline":false,"slug":"dhiwise","isMaker":false,"shoutoutsToCount":2,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"postsCount":4,"description":"DhiWise is a DevTool focused on programming automation. It generates component-driven code with state management. Build basic to advanced apps with no-vendor lock-in.\n\n1000+ pre-built screens to quick-start your app development. FREE FOREVER FOR THE COMMUNITY!","mediaImages":[{"__typename":"Media","id":"1181890","imageUuid":"0ddafc1f-c5de-48b5-9eb9-1016f0fde504.png"},{"__typename":"Media","id":"1181889","imageUuid":"8a8e4701-526f-4002-a361-e80742a4a578.png"},{"__typename":"Media","id":"1181888","imageUuid":"cd61b861-0c09-42f6-8be0-404e8f9bd5ab.jpeg"}],"categories":[{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"},{"__typename":"ProductCategory","id":"87","name":"Automation tools","path":"/categories/automation"},{"__typename":"ProductCategory","id":"74","name":"No-code platforms","path":"/categories/no-code-platforms"}],"promo":null}},{"__typename":"ProductEdge","node":{"__typename":"Product","id":"94941","name":"questAI","tagline":"Build web apps faster than ever","path":"/products/questai","reviewsRating":4.78,"reviewsCount":73,"logoUuid":"045a4b3e-32e1-46d1-b3d0-9d92e7d194dc.jpeg","isNoLongerOnline":false,"slug":"questai","isMaker":false,"shoutoutsToCount":0,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"postsCount":5,"description":"Convert your Adobe XD and Figma designs into live web pages automatically. Build responsive web pages and interactive playables easily with little or no code.","mediaImages":[{"__typename":"Media","id":"1088420","imageUuid":"fc711db0-30dc-4fa9-b9f7-e78f66eb7e22.jpeg"},{"__typename":"Media","id":"1088419","imageUuid":"d07a61af-bf43-483d-b2a3-ad7eb26b8050.jpeg"},{"__typename":"Media","id":"1088418","imageUuid":"cfc40ea9-d771-4b00-b0c7-a31ded6cdac6.jpeg"}],"categories":[{"__typename":"ProductCategory","id":"74","name":"No-code platforms","path":"/categories/no-code-platforms"},{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"},{"__typename":"ProductCategory","id":"73","name":"Website builders","path":"/categories/website-builders"}],"promo":null}},{"__typename":"ProductEdge","node":{"__typename":"Product","id":"110871","name":"Overflow","tagline":"Communicate your designs like never before","path":"/products/overflow","reviewsRating":4.32,"reviewsCount":114,"logoUuid":"3730159a-91a4-4396-9ff3-edb3e270bfd5.gif","isNoLongerOnline":false,"slug":"overflow","isMaker":false,"shoutoutsToCount":0,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"postsCount":5,"description":"The world’s first user flow diagramming tool tailored for designers. Build and present beautiful user flow diagrams that tell a story. User flows done right. Turn your designs into playable user flow diagrams that tell a story. Try Overflow for free today!","mediaImages":[{"__typename":"Media","id":"1207239","imageUuid":"87f4ca80-d970-4564-9005-0a39907dd8d0.jpeg"},{"__typename":"Media","id":"1207238","imageUuid":"c763aea2-42fb-42c2-a29f-73b9d82f1da5.png"},{"__typename":"Media","id":"1207237","imageUuid":"f94ba994-19e0-40ca-83b6-5ef3a9068154.png"}],"categories":[{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"},{"__typename":"ProductCategory","id":"56","name":"Design \u0026 Creative","path":"/categories/design-creative"},{"__typename":"ProductCategory","id":"64","name":"Interface design tools","path":"/categories/interface-design-tools"},{"__typename":"ProductCategory","id":"44","name":"Presentation Software","path":"/categories/presentation-software"}],"promo":null}},{"__typename":"ProductEdge","node":{"__typename":"Product","id":"112221","name":"Bravo Studio","tagline":"Prototypes just got real! ","path":"/products/bravo-studio","reviewsRating":4.84,"reviewsCount":67,"logoUuid":"2e947076-efaa-4946-9a62-53e37f582599.gif","isNoLongerOnline":false,"slug":"bravo-studio","isMaker":false,"shoutoutsToCount":2,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"postsCount":7,"description":"Turn your app prototypes into native iOS and Android apps without coding, while using your favourite design tool.","mediaImages":[{"__typename":"Media","id":"1370950","imageUuid":"680df0ab-a661-4899-b93f-cb52d121cd75.jpeg"},{"__typename":"Media","id":"1370949","imageUuid":"d639adab-fb2a-4672-b503-3da7cdcd400a.jpeg"},{"__typename":"Media","id":"1370948","imageUuid":"0a651f10-4f7a-43c0-b0bd-8ce8aff5933e.jpeg"}],"categories":[{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"},{"__typename":"ProductCategory","id":"74","name":"No-code platforms","path":"/categories/no-code-platforms"},{"__typename":"ProductCategory","id":"64","name":"Interface design tools","path":"/categories/interface-design-tools"}],"promo":null}},{"__typename":"ProductEdge","node":{"__typename":"Product","id":"481701","name":"CI HUB","tagline":"One access to your digital asset ecosystem","path":"/products/ci-hub","reviewsRating":4.98,"reviewsCount":55,"logoUuid":"d067b6a0-10e3-497c-b036-3deb4560d7a5.png","isNoLongerOnline":false,"slug":"ci-hub","isMaker":false,"shoutoutsToCount":0,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"postsCount":2,"description":"The CI HUB asset panel plugin for Adobe Creative Cloud, Microsoft 365, Google Workspace, Figma, Sketch and WordPress essentially connects your brand assets living within your various asset repositories to your native creative apps.","mediaImages":[{"__typename":"Media","id":"1451847","imageUuid":"254003b3-4251-4e8e-810b-7e3f4dd7d85f.png"}],"categories":[{"__typename":"ProductCategory","id":"64","name":"Interface design tools","path":"/categories/interface-design-tools"},{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"},{"__typename":"ProductCategory","id":"201","name":"Wordpress Plugins","path":"/categories/wordpress-plugins"}],"promo":null}},{"__typename":"ProductEdge","node":{"__typename":"Product","id":"451541","name":"Figma Academy","tagline":"A program that teaches advanced product design","path":"/products/figma-academy","reviewsRating":4.97,"reviewsCount":50,"logoUuid":"9d404763-ec0f-407c-85af-128408675a12.gif","isNoLongerOnline":false,"slug":"figma-academy","isMaker":false,"shoutoutsToCount":0,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"postsCount":2,"description":"Figma Academy is an all-new program that teaches advanced product design tactics with hands-on lessons that are delivered directly within Figma.","mediaImages":[{"__typename":"Media","id":"1056057","imageUuid":"6a4be7f3-0022-4aca-8cdc-a2a57eff73b3.jpeg"},{"__typename":"Media","id":"1056056","imageUuid":"cc97cbe2-d4ff-4e4a-a6b0-929e4c43c081.jpeg"},{"__typename":"Media","id":"1056055","imageUuid":"0bcf35b5-4985-4bb7-87e2-a7d5617bcf38.jpeg"}],"categories":[{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"},{"__typename":"ProductCategory","id":"209","name":"Online learning","path":"/categories/online-learning"},{"__typename":"ProductCategory","id":"64","name":"Interface design tools","path":"/categories/interface-design-tools"}],"promo":null}},{"__typename":"ProductEdge","node":{"__typename":"Product","id":"111800","name":"Anima App","tagline":"Design to Code, Automated","path":"/products/anima-app","reviewsRating":4.47,"reviewsCount":70,"logoUuid":"9e13de2b-cde7-4d32-be80-bfb7f1b3b055.png","isNoLongerOnline":false,"slug":"anima-app","isMaker":false,"shoutoutsToCount":1,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"postsCount":15,"description":"Create High-Fidelity Prototypes in Sketch, XD, or Figma, and Export HTML","mediaImages":[{"__typename":"Media","id":"1541617","imageUuid":"c88b4b10-3ec6-4e70-b2c4-69eff489b01b.png"},{"__typename":"Media","id":"1541616","imageUuid":"266b6522-fcd7-41bf-9173-50a1af215327.png"},{"__typename":"Media","id":"1541615","imageUuid":"4fe5cec8-136d-48e4-beb2-9a9ac45892ed.png"}],"categories":[{"__typename":"ProductCategory","id":"75","name":"Code editors","path":"/categories/code-editors"},{"__typename":"ProductCategory","id":"236","name":"Design mockups","path":"/categories/design-mockups"},{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"}],"promo":null}},{"__typename":"ProductEdge","node":{"__typename":"Product","id":"348763","name":"Styles, new from Craft and InVision Labs","tagline":"Create stunning style guides with just a click (Sketch)","path":"/products/styles-new-from-craft-and-invision-labs","reviewsRating":5,"reviewsCount":43,"logoUuid":"236e8b22-4409-4157-8cd6-8a8de62f39c0.png","isNoLongerOnline":false,"slug":"styles-new-from-craft-and-invision-labs","isMaker":false,"shoutoutsToCount":0,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"postsCount":5,"description":null,"mediaImages":[{"__typename":"Media","id":"478370","imageUuid":"2587accf-ca65-4e22-8e05-bb84a222877e.png"},{"__typename":"Media","id":"478369","imageUuid":"1ef66974-d8e8-4737-b136-12348db9219c.png"},{"__typename":"Media","id":"478368","imageUuid":"5c05624e-f267-4c89-b3ad-8726d3bbb807.png"}],"categories":[{"__typename":"ProductCategory","id":"235","name":"Design resources","path":"/categories/design-resources"},{"__typename":"ProductCategory","id":"64","name":"Interface design tools","path":"/categories/interface-design-tools"},{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"}],"promo":null}}],"pageInfo":{"__typename":"PageInfo","hasNextPage":true,"endCursor":"MTA"}},"subCategories":{"__typename":"ProductCategoryConnection","edges":[]}}},"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}}},"networkStatus":7},":Rcobcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R358bcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R358bcr7rrqkutkqH1:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R558bcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rcojcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R358jcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R358jcr7rrqkutkqH1:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R558jcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rcorcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R358rcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R358rcr7rrqkutkqH1:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R558rcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rcp3cr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R3593cr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R3593cr7rrqkutkqH1:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R5593cr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rcpbcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R359bcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R359bcr7rrqkutkqH1:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R559bcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rcpjcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R359jcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R359jcr7rrqkutkqH1:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R559jcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rcprcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R359rcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R359rcr7rrqkutkqH1:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R559rcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rcq3cr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R35a3cr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R35a3cr7rrqkutkqH1:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R55a3cr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rcqbcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R35abcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R35abcr7rrqkutkqH1:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R55abcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rcqjcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R35ajcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R35ajcr7rrqkutkqH1:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R55ajcr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R5cr7rrqkutkq:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R5cr7rrqkutkqH1:":{"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":"37085219-8e0c-4731-a5be-ed037014fbc5","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R1b7rrqkutkq:":{"data":undefined,"loading":true,"networkStatus":1,"called":true}},"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":"figma-plugins","cursor":null,"order":"highest_rated","featuredOnly":false},"skip":false,"fetchPolicy":"cache-first","query":"query CategoryPageQuery($slug:String!$order:CategoryProductsOrder!$cursor:String$featuredOnly:Boolean=true){productCategory(slug:$slug){id name slug path meta{title}targetedAd(kind:\"feed\"){id ...AdFragment}...CategoryPageBreadcrumbsFragment ...CategoryPageDescriptionFragment ...CategoryPageArticleFragment ...CategoryPageProductFeedFragment ...CategoryPageSidebarSimilarCategoriesFragment ...MetaTags}}fragment UserImage on User{id name username avatarUrl}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 featuredAt createdAt disabledWhenScheduled embargoPreviewAt ...on Votable{id hasVoted votesCount}}fragment HomefeedItemPostItemTopicTagsFragment on Post{id topics(first:3){edges{node{id slug name}}}}fragment CategoryArticleItemFragment on ProductCategoryArticle{id title content calloutHtml user{id name headline ...UserImage}}fragment ProductThumbnailFragment on Product{id name logoUuid isNoLongerOnline}fragment ReviewStarRatingCTAFragment on Product{id slug name isMaker reviewsRating}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 PostStatusIconFragment on Post{id productState}fragment PostThumbnailFragment on Post{id name thumbnailImageUuid ...PostStatusIconFragment}fragment CategoryProductFeedItemShoutoutsItemFragment on PostShoutout{id post{id slug name redirectToProduct{id slug}...BadgeIconFragment ...PostThumbnailFragment}}fragment CategoryProductFeedItemShoutoutsFragment on Product{id slug shoutoutsToCount postShoutoutsTo(first:3){edges{node{id ...CategoryProductFeedItemShoutoutsItemFragment}}}}fragment ProductPromoCodeFragment on Product{id promo{text code}}fragment CategoryProductFeedItemTabOverviewFragment on Product{id path name description mediaImages{id imageUuid}categories{id name path}...ProductPromoCodeFragment}fragment CategoryProductFeedItemTabFragment on Product{id slug reviewsCount shoutoutsToCount postsCount ...CategoryProductFeedItemTabOverviewFragment}fragment CategoryPageProductFeedItemFragment on Product{id name tagline path reviewsRating reviewsCount ...ProductThumbnailFragment ...ReviewStarRatingCTAFragment ...CategoryProductFeedItemShoutoutsFragment ...CategoryProductFeedItemTabFragment}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 CategoryPageBreadcrumbsFragment on ProductCategory{id name path parent{id name path}}fragment CategoryPageDescriptionFragment on ProductCategory{id name descriptionHeading description}fragment CategoryPageArticleFragment on ProductCategory{id article{id ...CategoryArticleItemFragment}}fragment CategoryPageProductFeedFragment on ProductCategory{id slug products(after:$cursor order:$order onlyHasFeaturedPosts:$featuredOnly liveOnly:true first:10){edges{node{id ...CategoryPageProductFeedItemFragment}}pageInfo{hasNextPage endCursor}}}fragment CategoryPageSidebarSimilarCategoriesFragment on ProductCategory{id slug parent{id name path subCategories{edges{node{id name path}}}}subCategories{edges{node{id name path}}}}fragment MetaTags on SEOInterface{id meta{canonicalUrl creator description image mobileAppUrl oembedUrl robots title type author authorUrl}}","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":"37085219-8e0c-4731-a5be-ed037014fbc5","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":{"productCategory":{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","slug":"figma-plugins","path":"/categories/figma-plugins","meta":{"__typename":"MetaTags","title":"The best Figma plugins to use in 2024","canonicalUrl":"https://www.producthunt.com/categories/figma-plugins","creator":"@producthunt","description":"Figma plugins are like superpowers for your design workflow. They are small add-ons that extend the functionality of the Figma design tool and help you work more efficiently and creatively.","image":"https://api.url2png.com/v6/P5329C1FA0ECB6/00ea2d24ece79b1c3960551d9da7dec4/png/?say_cheese=true\u0026ttl=31536000\u0026unique=85bccce7fd1327711e91d0d98873be6b\u0026url=https%3A%2F%2Fproducthunt.com%2Fshareable_image%2Fproducts_category%2F200\u0026viewport=1200x628","mobileAppUrl":null,"oembedUrl":null,"robots":null,"type":"article","author":null,"authorUrl":null},"targetedAd":null,"parent":{"__typename":"ProductCategory","id":"196","name":"Product add-ons","path":"/categories/product-add-ons","subCategories":{"__typename":"ProductCategoryConnection","edges":[{"__typename":"ProductCategoryEdge","node":{"__typename":"ProductCategory","id":"199","name":"Chrome Extensions","path":"/categories/chrome-extensions"}},{"__typename":"ProductCategoryEdge","node":{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"}},{"__typename":"ProductCategoryEdge","node":{"__typename":"ProductCategory","id":"204","name":"Figma Templates","path":"/categories/figma-templates"}},{"__typename":"ProductCategoryEdge","node":{"__typename":"ProductCategory","id":"197","name":"Notion Templates","path":"/categories/notion-templates"}},{"__typename":"ProductCategoryEdge","node":{"__typename":"ProductCategory","id":"496","name":"Slack apps","path":"/categories/slack-apps"}},{"__typename":"ProductCategoryEdge","node":{"__typename":"ProductCategory","id":"202","name":"Twitter apps","path":"/categories/twitter-apps"}},{"__typename":"ProductCategoryEdge","node":{"__typename":"ProductCategory","id":"201","name":"Wordpress Plugins","path":"/categories/wordpress-plugins"}},{"__typename":"ProductCategoryEdge","node":{"__typename":"ProductCategory","id":"265","name":"Wordpress themes","path":"/categories/wordpress-themes"}}]}},"descriptionHeading":"What are Figma plugins?","description":"Figma plugins are like superpowers for your design workflow. They are small add-ons that extend the functionality of the Figma design tool and help you work more efficiently and creatively.","article":null,"products":{"__typename":"ProductsConnection","edges":[{"__typename":"ProductEdge","node":{"__typename":"Product","id":"105200","name":"Mobbin","tagline":"The world's largest UI \u0026 UX design reference library","path":"/products/mobbin","reviewsRating":4.87,"reviewsCount":152,"logoUuid":"25624cf0-f7b7-4726-8e2f-4796a5c76453.png","isNoLongerOnline":false,"slug":"mobbin","isMaker":false,"shoutoutsToCount":5,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[{"__typename":"PostShoutoutEdge","node":{"__typename":"PostShoutout","id":"13598","post":{"__typename":"Post","id":"464784","slug":"anyonecanai","name":"AnyoneCanAI","redirectToProduct":{"__typename":"Product","id":"589319","slug":"anyonecanai"},"badges":{"__typename":"Connection","edges":[{"__typename":"BadgeEdge","node":{"__typename":"TopPostBadge","id":"4383064","position":2,"period":"daily","date":"2024-07-11"}}]},"thumbnailImageUuid":"f54601d8-14ef-447b-9482-326b0c1cc977.gif","productState":"default"}}},{"__typename":"PostShoutoutEdge","node":{"__typename":"PostShoutout","id":"8685","post":{"__typename":"Post","id":"460203","slug":"graphite-ai-seo-platform","name":"Graphite AI SEO Platform","redirectToProduct":{"__typename":"Product","id":"585700","slug":"graphite-ai-seo-platform"},"badges":{"__typename":"Connection","edges":[{"__typename":"BadgeEdge","node":{"__typename":"TopPostBadge","id":"4229976","position":3,"period":"daily","date":"2024-05-30"}}]},"thumbnailImageUuid":"c8dd0cb9-8f45-4c93-af1a-093d34eaaff6.png","productState":"default"}}}]},"postsCount":4,"description":"Mobbin is the Pinterest for UI \u0026 UX design. We are building a comprehensive, expert-curated library of interfaces from the best-in-class digital products that helps product designers find relevant design inspiration and references with significantly less time and effort.","mediaImages":[{"__typename":"Media","id":"1673082","imageUuid":"91d90e5e-1c25-401f-be14-fd0305078830.png"},{"__typename":"Media","id":"1673081","imageUuid":"a97b8e4c-0b8a-46a1-ac0c-2f83df7b02bd.png"},{"__typename":"Media","id":"1673080","imageUuid":"c1a82775-1401-4c88-b136-b036ddadccf7.png"}],"categories":[{"__typename":"ProductCategory","id":"68","name":"Design inspiration websites","path":"/categories/design-inspiration"},{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"},{"__typename":"ProductCategory","id":"235","name":"Design resources","path":"/categories/design-resources"}],"promo":null}},{"__typename":"ProductEdge","node":{"__typename":"Product","id":"483584","name":"Locofy.ai","tagline":"Build frontend 10x faster with design-to-code AI","path":"/products/locofy-ai","reviewsRating":4.91,"reviewsCount":174,"logoUuid":"91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif","isNoLongerOnline":false,"slug":"locofy-ai","isMaker":false,"shoutoutsToCount":1,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"postsCount":3,"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.","mediaImages":[{"__typename":"Media","id":"1846121","imageUuid":"629540e6-7de4-4984-8de5-dff96cd4e696.png"},{"__typename":"Media","id":"1846138","imageUuid":"021d399a-40cd-45d7-947a-96a032f9e731.png"},{"__typename":"Media","id":"1846137","imageUuid":"9b8d126b-ae0e-4122-a372-bd6789fd8673.png"}],"categories":[{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"},{"__typename":"ProductCategory","id":"88","name":"AI Coding Assistants","path":"/categories/ai-coding"},{"__typename":"ProductCategory","id":"87","name":"Automation tools","path":"/categories/automation"},{"__typename":"ProductCategory","id":"235","name":"Design resources","path":"/categories/design-resources"},{"__typename":"ProductCategory","id":"75","name":"Code editors","path":"/categories/code-editors"}],"promo":{"__typename":"PostPromo","text":"20% off any annual plan","code":"MEOW20"}}},{"__typename":"ProductEdge","node":{"__typename":"Product","id":"454284","name":"DhiWise","tagline":"Convert Figma designs into Flutter 3.0 \u0026 React code rapidly","path":"/products/dhiwise","reviewsRating":4.86,"reviewsCount":138,"logoUuid":"4c7b58ea-341a-4661-9a2d-7502e70cd279.png","isNoLongerOnline":false,"slug":"dhiwise","isMaker":false,"shoutoutsToCount":2,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"postsCount":4,"description":"DhiWise is a DevTool focused on programming automation. It generates component-driven code with state management. Build basic to advanced apps with no-vendor lock-in.\n\n1000+ pre-built screens to quick-start your app development. FREE FOREVER FOR THE COMMUNITY!","mediaImages":[{"__typename":"Media","id":"1181890","imageUuid":"0ddafc1f-c5de-48b5-9eb9-1016f0fde504.png"},{"__typename":"Media","id":"1181889","imageUuid":"8a8e4701-526f-4002-a361-e80742a4a578.png"},{"__typename":"Media","id":"1181888","imageUuid":"cd61b861-0c09-42f6-8be0-404e8f9bd5ab.jpeg"}],"categories":[{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"},{"__typename":"ProductCategory","id":"87","name":"Automation tools","path":"/categories/automation"},{"__typename":"ProductCategory","id":"74","name":"No-code platforms","path":"/categories/no-code-platforms"}],"promo":null}},{"__typename":"ProductEdge","node":{"__typename":"Product","id":"94941","name":"questAI","tagline":"Build web apps faster than ever","path":"/products/questai","reviewsRating":4.78,"reviewsCount":73,"logoUuid":"045a4b3e-32e1-46d1-b3d0-9d92e7d194dc.jpeg","isNoLongerOnline":false,"slug":"questai","isMaker":false,"shoutoutsToCount":0,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"postsCount":5,"description":"Convert your Adobe XD and Figma designs into live web pages automatically. Build responsive web pages and interactive playables easily with little or no code.","mediaImages":[{"__typename":"Media","id":"1088420","imageUuid":"fc711db0-30dc-4fa9-b9f7-e78f66eb7e22.jpeg"},{"__typename":"Media","id":"1088419","imageUuid":"d07a61af-bf43-483d-b2a3-ad7eb26b8050.jpeg"},{"__typename":"Media","id":"1088418","imageUuid":"cfc40ea9-d771-4b00-b0c7-a31ded6cdac6.jpeg"}],"categories":[{"__typename":"ProductCategory","id":"74","name":"No-code platforms","path":"/categories/no-code-platforms"},{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"},{"__typename":"ProductCategory","id":"73","name":"Website builders","path":"/categories/website-builders"}],"promo":null}},{"__typename":"ProductEdge","node":{"__typename":"Product","id":"110871","name":"Overflow","tagline":"Communicate your designs like never before","path":"/products/overflow","reviewsRating":4.32,"reviewsCount":114,"logoUuid":"3730159a-91a4-4396-9ff3-edb3e270bfd5.gif","isNoLongerOnline":false,"slug":"overflow","isMaker":false,"shoutoutsToCount":0,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"postsCount":5,"description":"The world’s first user flow diagramming tool tailored for designers. Build and present beautiful user flow diagrams that tell a story. User flows done right. Turn your designs into playable user flow diagrams that tell a story. Try Overflow for free today!","mediaImages":[{"__typename":"Media","id":"1207239","imageUuid":"87f4ca80-d970-4564-9005-0a39907dd8d0.jpeg"},{"__typename":"Media","id":"1207238","imageUuid":"c763aea2-42fb-42c2-a29f-73b9d82f1da5.png"},{"__typename":"Media","id":"1207237","imageUuid":"f94ba994-19e0-40ca-83b6-5ef3a9068154.png"}],"categories":[{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"},{"__typename":"ProductCategory","id":"56","name":"Design \u0026 Creative","path":"/categories/design-creative"},{"__typename":"ProductCategory","id":"64","name":"Interface design tools","path":"/categories/interface-design-tools"},{"__typename":"ProductCategory","id":"44","name":"Presentation Software","path":"/categories/presentation-software"}],"promo":null}},{"__typename":"ProductEdge","node":{"__typename":"Product","id":"112221","name":"Bravo Studio","tagline":"Prototypes just got real! ","path":"/products/bravo-studio","reviewsRating":4.84,"reviewsCount":67,"logoUuid":"2e947076-efaa-4946-9a62-53e37f582599.gif","isNoLongerOnline":false,"slug":"bravo-studio","isMaker":false,"shoutoutsToCount":2,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"postsCount":7,"description":"Turn your app prototypes into native iOS and Android apps without coding, while using your favourite design tool.","mediaImages":[{"__typename":"Media","id":"1370950","imageUuid":"680df0ab-a661-4899-b93f-cb52d121cd75.jpeg"},{"__typename":"Media","id":"1370949","imageUuid":"d639adab-fb2a-4672-b503-3da7cdcd400a.jpeg"},{"__typename":"Media","id":"1370948","imageUuid":"0a651f10-4f7a-43c0-b0bd-8ce8aff5933e.jpeg"}],"categories":[{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"},{"__typename":"ProductCategory","id":"74","name":"No-code platforms","path":"/categories/no-code-platforms"},{"__typename":"ProductCategory","id":"64","name":"Interface design tools","path":"/categories/interface-design-tools"}],"promo":null}},{"__typename":"ProductEdge","node":{"__typename":"Product","id":"481701","name":"CI HUB","tagline":"One access to your digital asset ecosystem","path":"/products/ci-hub","reviewsRating":4.98,"reviewsCount":55,"logoUuid":"d067b6a0-10e3-497c-b036-3deb4560d7a5.png","isNoLongerOnline":false,"slug":"ci-hub","isMaker":false,"shoutoutsToCount":0,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"postsCount":2,"description":"The CI HUB asset panel plugin for Adobe Creative Cloud, Microsoft 365, Google Workspace, Figma, Sketch and WordPress essentially connects your brand assets living within your various asset repositories to your native creative apps.","mediaImages":[{"__typename":"Media","id":"1451847","imageUuid":"254003b3-4251-4e8e-810b-7e3f4dd7d85f.png"}],"categories":[{"__typename":"ProductCategory","id":"64","name":"Interface design tools","path":"/categories/interface-design-tools"},{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"},{"__typename":"ProductCategory","id":"201","name":"Wordpress Plugins","path":"/categories/wordpress-plugins"}],"promo":null}},{"__typename":"ProductEdge","node":{"__typename":"Product","id":"451541","name":"Figma Academy","tagline":"A program that teaches advanced product design","path":"/products/figma-academy","reviewsRating":4.97,"reviewsCount":50,"logoUuid":"9d404763-ec0f-407c-85af-128408675a12.gif","isNoLongerOnline":false,"slug":"figma-academy","isMaker":false,"shoutoutsToCount":0,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"postsCount":2,"description":"Figma Academy is an all-new program that teaches advanced product design tactics with hands-on lessons that are delivered directly within Figma.","mediaImages":[{"__typename":"Media","id":"1056057","imageUuid":"6a4be7f3-0022-4aca-8cdc-a2a57eff73b3.jpeg"},{"__typename":"Media","id":"1056056","imageUuid":"cc97cbe2-d4ff-4e4a-a6b0-929e4c43c081.jpeg"},{"__typename":"Media","id":"1056055","imageUuid":"0bcf35b5-4985-4bb7-87e2-a7d5617bcf38.jpeg"}],"categories":[{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"},{"__typename":"ProductCategory","id":"209","name":"Online learning","path":"/categories/online-learning"},{"__typename":"ProductCategory","id":"64","name":"Interface design tools","path":"/categories/interface-design-tools"}],"promo":null}},{"__typename":"ProductEdge","node":{"__typename":"Product","id":"111800","name":"Anima App","tagline":"Design to Code, Automated","path":"/products/anima-app","reviewsRating":4.47,"reviewsCount":70,"logoUuid":"9e13de2b-cde7-4d32-be80-bfb7f1b3b055.png","isNoLongerOnline":false,"slug":"anima-app","isMaker":false,"shoutoutsToCount":1,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"postsCount":15,"description":"Create High-Fidelity Prototypes in Sketch, XD, or Figma, and Export HTML","mediaImages":[{"__typename":"Media","id":"1541617","imageUuid":"c88b4b10-3ec6-4e70-b2c4-69eff489b01b.png"},{"__typename":"Media","id":"1541616","imageUuid":"266b6522-fcd7-41bf-9173-50a1af215327.png"},{"__typename":"Media","id":"1541615","imageUuid":"4fe5cec8-136d-48e4-beb2-9a9ac45892ed.png"}],"categories":[{"__typename":"ProductCategory","id":"75","name":"Code editors","path":"/categories/code-editors"},{"__typename":"ProductCategory","id":"236","name":"Design mockups","path":"/categories/design-mockups"},{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"}],"promo":null}},{"__typename":"ProductEdge","node":{"__typename":"Product","id":"348763","name":"Styles, new from Craft and InVision Labs","tagline":"Create stunning style guides with just a click (Sketch)","path":"/products/styles-new-from-craft-and-invision-labs","reviewsRating":5,"reviewsCount":43,"logoUuid":"236e8b22-4409-4157-8cd6-8a8de62f39c0.png","isNoLongerOnline":false,"slug":"styles-new-from-craft-and-invision-labs","isMaker":false,"shoutoutsToCount":0,"postShoutoutsTo":{"__typename":"PostShoutoutConnection","edges":[]},"postsCount":5,"description":null,"mediaImages":[{"__typename":"Media","id":"478370","imageUuid":"2587accf-ca65-4e22-8e05-bb84a222877e.png"},{"__typename":"Media","id":"478369","imageUuid":"1ef66974-d8e8-4737-b136-12348db9219c.png"},{"__typename":"Media","id":"478368","imageUuid":"5c05624e-f267-4c89-b3ad-8726d3bbb807.png"}],"categories":[{"__typename":"ProductCategory","id":"235","name":"Design resources","path":"/categories/design-resources"},{"__typename":"ProductCategory","id":"64","name":"Interface design tools","path":"/categories/interface-design-tools"},{"__typename":"ProductCategory","id":"200","name":"Figma Plugins","path":"/categories/figma-plugins"}],"promo":null}}],"pageInfo":{"__typename":"PageInfo","hasNextPage":true,"endCursor":"MTA"}},"subCategories":{"__typename":"ProductCategoryConnection","edges":[]}}}}},{"type":"complete","id":"3"}]})</script></head><body><div id="root-container"><header class="w-full border-b-2 border-gray-200 bg-white sticky top-0 z-20 "><div class="mx-auto grid max-w-[1216px] grid-cols-[1fr_2fr_1fr] items-center gap-2 bg-white px-6 py-5 sm:grid-cols-[auto_1fr_auto] lg:px-0"><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-10"><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-3 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 h-10 w-full min-w-[164px] max-w-full appearance-none rounded-full border-0 border-white bg-gray-100 px-10 pl-[40px] text-light-gray focus:outline-none sm:w-full sm:max-w-[216px] sm:text-base" 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 group flex flex-row items-center gap-1 font-semibold text-gray-700 transition-all duration-300 group-hover:text-brand-500" href="/leaderboard/daily/2024/11/27?ref=header_nav">Launches<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" class="size-4 stroke-gray-500 transition-all duration-300 group-hover:-rotate-90 group-hover:stroke-brand-500"><path d="M3.5 6.25 7 9.75l3.5-3.5"></path></svg></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/27?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="group flex flex-row items-center gap-1 text-16 font-semibold text-gray-700 transition-all duration-300 group-hover:text-brand-500" href="/categories?ref=header_nav">Products<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" class="size-4 stroke-gray-500 transition-all duration-300 group-hover:-rotate-90 group-hover:stroke-brand-500"><path d="M3.5 6.25 7 9.75l3.5-3.5"></path></svg></a></li><li class="group relative list-none" data-test="header-nav-link-news"><a class="cursor-pointer text-16 group flex flex-row items-center gap-1 font-semibold text-gray-700 transition-all duration-300 group-hover:text-brand-500" href="/newsletters?ref=header_nav">News<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" class="size-4 stroke-gray-500 transition-all duration-300 group-hover:-rotate-90 group-hover:stroke-brand-500"><path d="M3.5 6.25 7 9.75l3.5-3.5"></path></svg></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 group flex flex-row items-center gap-1 font-semibold text-gray-700 transition-all duration-300 group-hover:text-brand-500" href="/discussions?ref=header_nav">Community<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" class="size-4 stroke-gray-500 transition-all duration-300 group-hover:-rotate-90 group-hover:stroke-brand-500"><path d="M3.5 6.25 7 9.75l3.5-3.5"></path></svg></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 group flex flex-row items-center gap-1 font-semibold text-gray-700 transition-all duration-300 group-hover:text-brand-500" 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-dark-gray flex h-10 items-center gap-1 rounded-full border-2 border-gray-200 px-4 align-middle text-16 font-semibold text-gray-700 transition-all duration-300 hover:border-gray-300 hover:bg-gray-50" data-test="header-nav-link-subscribe" href="/newsletters?ref=header_nav&campaign=weekly_newsletter&source=header_nav"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20" class="size-4"><path stroke="#344054" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="m11.453 2.195 6.274 4.077c.221.144.332.216.412.313a.8.8 0 0 1 .158.289c.036.12.036.252.036.516v6.11c0 1.4 0 2.1-.272 2.635a2.5 2.5 0 0 1-1.093 1.092c-.535.273-1.235.273-2.635.273H5.667c-1.4 0-2.1 0-2.635-.273a2.5 2.5 0 0 1-1.093-1.092c-.272-.535-.272-1.235-.272-2.635V7.39c0-.264 0-.396.036-.516a.8.8 0 0 1 .157-.29c.08-.096.192-.168.413-.312l6.274-4.077m2.906 0c-.526-.342-.789-.513-1.072-.58a1.7 1.7 0 0 0-.762 0c-.283.067-.546.238-1.072.58m2.906 0 5.16 3.354c.574.372.86.559.96.795a.83.83 0 0 1 0 .645c-.1.237-.386.423-.96.796l-5.16 3.354c-.526.342-.789.513-1.072.58a1.7 1.7 0 0 1-.762 0c-.283-.067-.546-.238-1.072-.58l-5.16-3.354c-.574-.373-.86-.56-.96-.796a.83.83 0 0 1 0-.645c.1-.236.386-.423.96-.795l5.16-3.354m9.37 13.638-5.536-5m-4.762 0-5.536 5"></path></svg>Subscribe</a><div class="text-16 font-semibold text-white flex h-10 cursor-pointer items-center gap-1 rounded-full bg-brand-500 px-4" data-test="header-nav-link-sign-in"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20" class="size-4"><g clip-path="url(#SignInIcon_svg__a)"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M2.782 5.833a8.333 8.333 0 1 1 0 8.333M10 13.334 13.333 10m0 0L10 6.667M13.333 10H1.667"></path></g><defs><clipPath id="SignInIcon_svg__a"><path fill="#fff" d="M0 0h20v20H0z"></path></clipPath></defs></svg>Sign in</div></div></div></header><div class="my-8 styles_container__eS_WB"><main class="mb-10 flex !flex-col !gap-8 styles_main__osJg3"><ol class="flex list-none flex-row flex-wrap gap-2"><li class="flex flex-row items-center gap-2"><a class="text-14 font-normal text-dark-gray hover:text-blue opacity-70" href="/">Home</a></li><li class="flex flex-row items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="7" height="11" viewBox="0 0 7 11" class="mt-0.5 h-2 fill-light-gray"><path fill-rule="evenodd" d="M6.744 5.502a1 1 0 0 1-.292.703l-4.247 4.247a1.003 1.003 0 0 1-1.412-.002.996.996 0 0 1-.003-1.412L4.33 5.5.79 1.962A1.004 1.004 0 0 1 .794.55a.995.995 0 0 1 1.41-.002l4.248 4.247c.192.192.29.447.29.702z"></path></svg><a class="text-14 font-normal text-dark-gray hover:text-blue opacity-70" href="/categories">Product categories</a></li><li class="flex flex-row items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="7" height="11" viewBox="0 0 7 11" class="mt-0.5 h-2 fill-light-gray"><path fill-rule="evenodd" d="M6.744 5.502a1 1 0 0 1-.292.703l-4.247 4.247a1.003 1.003 0 0 1-1.412-.002.996.996 0 0 1-.003-1.412L4.33 5.5.79 1.962A1.004 1.004 0 0 1 .794.55a.995.995 0 0 1 1.41-.002l4.248 4.247c.192.192.29.447.29.702z"></path></svg><a class="text-14 font-normal text-dark-gray hover:text-blue opacity-70" href="/categories/product-add-ons">Product add-ons</a></li><li class="flex flex-row items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="7" height="11" viewBox="0 0 7 11" class="mt-0.5 h-2 fill-light-gray"><path fill-rule="evenodd" d="M6.744 5.502a1 1 0 0 1-.292.703l-4.247 4.247a1.003 1.003 0 0 1-1.412-.002.996.996 0 0 1-.003-1.412L4.33 5.5.79 1.962A1.004 1.004 0 0 1 .794.55a.995.995 0 0 1 1.41-.002l4.248 4.247c.192.192.29.447.29.702z"></path></svg><a class="text-14 font-normal text-dark-gray hover:text-blue pointer-events-none" href="/categories/figma-plugins">Figma Plugins</a></li></ol><div class="flex flex-col items-start gap-4 sm:flex-row sm:items-center sm:justify-between"><h1 class="text-24 font-medium text-dark-gray">The best Figma plugins to use in 2024</h1><div class="flex items-center gap-3"><button class="flex items-center rounded-lg border border-gray-300 p-[10px]"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><g clip-path="url(#X_svg__a)"><path fill="#98A2B3" fill-rule="evenodd" d="m13.288 19.167-4.625-6.591-5.789 6.591H.424l7.153-8.14L.425.834h6.288l4.359 6.213 5.46-6.213h2.45l-6.82 7.764 7.414 10.57zm2.727-1.858h-1.649L3.933 2.692H5.58l4.18 5.853.722 1.016z" clip-rule="evenodd"></path></g><defs><clipPath id="X_svg__a"><path fill="#fff" d="M0 0h20v20H0z"></path></clipPath></defs></svg></button><button class="flex items-center rounded-lg border border-gray-300 p-[10px]"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><g clip-path="url(#Facebook_svg__a)"><path fill="#98A2B3" d="M20 10c0-5.523-4.477-10-10-10S0 4.477 0 10c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V10h2.54V7.797c0-2.506 1.492-3.89 3.777-3.89 1.093 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.563V10h2.773l-.443 2.89h-2.33v6.988C16.343 19.129 20 14.991 20 10"></path></g><defs><clipPath id="Facebook_svg__a"><path fill="#fff" d="M0 0h20v20H0z"></path></clipPath></defs></svg></button><button class="flex items-center rounded-lg border border-gray-300 p-[10px]"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><path fill="#98A2B3" d="M18.52 0H1.477C.66 0 0 .645 0 1.441v17.114C0 19.352.66 20 1.477 20H18.52c.816 0 1.48-.648 1.48-1.441V1.44C20 .645 19.336 0 18.52 0M5.934 17.043h-2.97V7.496h2.97zM4.449 6.195a1.72 1.72 0 1 1-.006-3.439 1.72 1.72 0 0 1 .006 3.44m12.594 10.848h-2.965v-4.64c0-1.106-.02-2.532-1.543-2.532-1.543 0-1.777 1.207-1.777 2.453v4.719H7.797V7.496h2.844v1.305h.039c.394-.75 1.363-1.543 2.804-1.543 3.004 0 3.559 1.976 3.559 4.547z"></path></svg></button></div></div><section class="my-4 flex flex-row gap-4 rounded-lg bg-gray-50 p-4"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" viewBox="0 0 28 28" class="min-h-7 min-w-7 rounded-lg border border-gray-200 bg-white p-2"><path stroke="#344054" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14 23.333H6.066c-1.306 0-1.96 0-2.459-.255a2.33 2.33 0 0 1-1.02-1.02c-.254-.498-.254-1.152-.254-2.459V8.4c0-1.306 0-1.96.254-2.459a2.34 2.34 0 0 1 1.02-1.02c.5-.254 1.153-.254 2.46-.254h.466c2.614 0 3.92 0 4.919.509a4.67 4.67 0 0 1 2.039 2.04C14 8.211 14 9.518 14 12.132m0 11.2v-11.2m0 11.2h7.933c1.307 0 1.96 0 2.46-.255a2.33 2.33 0 0 0 1.019-1.02c.254-.498.254-1.152.254-2.459V8.4c0-1.306 0-1.96-.254-2.459a2.33 2.33 0 0 0-1.02-1.02c-.499-.254-1.152-.254-2.459-.254h-.467c-2.613 0-3.92 0-4.918.509a4.67 4.67 0 0 0-2.04 2.04C14 8.211 14 9.518 14 12.132"></path></svg><div><h2 class="text-16 font-medium text-dark-gray">What are Figma plugins?</h2><p class="text-14 font-normal text-light-gray">Figma plugins are like superpowers for your design workflow. They are small add-ons that extend the functionality of the Figma design tool and help you work more efficiently and creatively.</p></div></section><ul class="relative flex flex-row gap-2 rounded-lg bg-gray-50 p-1"><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray bg-white shadow-sm !text-dark-gray" data-test="navigator-tab-highest rated"><a href="/categories/figma-plugins">Highest Rated</a></li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-trending"><a href="/categories/figma-plugins?order=trending">Trending</a></li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-recent launches"><a href="/categories/figma-plugins?order=recent_launches">Recent Launches</a></li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-top reviewed"><a href="/categories/figma-plugins?order=best_rated">Top Reviewed</a></li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-top free"><a href="/categories/figma-plugins?order=top_free">Top Free</a></li><div class="absolute z-[5] h-9 rounded-lg bg-white shadow-md" style="width:0;height:0;left:0;transition:left 0.3s, width 0.01s"></div></ul><div id="product-feed" class="flex flex-col gap-4 sm:gap-8"><section class="my-4 flex flex-row justify-start gap-4"><a target="_blank" href="/products/mobbin"><img loading="lazy" srcSet="https://ph-files.imgix.net/25624cf0-f7b7-4726-8e2f-4796a5c76453.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&dpr=1 1x, https://ph-files.imgix.net/25624cf0-f7b7-4726-8e2f-4796a5c76453.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&dpr=2 2x, https://ph-files.imgix.net/25624cf0-f7b7-4726-8e2f-4796a5c76453.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/25624cf0-f7b7-4726-8e2f-4796a5c76453.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop" style="width:40px;height:40px" alt="Mobbin" class="rounded rounded-lg" data-test="Mobbin-thumbnail"/></a><div class="flex flex-1 flex-col gap-4"><div class="flex flex-col gap-1"><a class="text-16 font-normal text-light-gray styles_noOfLines-2__k_Ta_ inline sm:line-clamp-1 sm:leading-5 block" target="_blank" href="/products/mobbin"><span class="mr-1 inline font-medium text-dark-gray">1.</span><h3 class="inline font-medium text-dark-gray">Mobbin</h3><span class="px-1 opacity-50">—</span>The world's largest UI & UX design reference library</a><div class="flex flex-row items-center gap-2"><div class="flex flex-row"><label data-test="star-1" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="1"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="2"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="3"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="4"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="5"/><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 class="text-14 font-medium text-dark-gray">4.9 (152 reviews)</div></div><div class="flex grow-0 flex-row flex-wrap items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="#76B5B5" stroke-width="1.5" viewBox="0 0 24 24" class="size-3 stroke-light-gray stroke-2"><g stroke-linecap="round" stroke-linejoin="round" clip-path="url(#MegaphoneIcon_svg__a)"><path d="M14.25 7.5v11.313a.75.75 0 0 0 .334.623l1.031.687a.75.75 0 0 0 1.144-.442L18 15"></path><path d="M3 18.75a.75.75 0 0 0 1.233.574C9.145 15.203 14.25 15 14.25 15H18a3.75 3.75 0 0 0 0-7.5h-3.75S9.145 7.298 4.233 3.177A.75.75 0 0 0 3 3.75z"></path></g><defs><clipPath id="MegaphoneIcon_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg><div class="text-14 font-medium text-dark-gray">Used by 5:</div><div><a target="_blank" class="flex flex-row items-center justify-start gap-1" href="/products/anyonecanai#anyonecanai"><video style="width:14px;height:14px" class="relative z-0 rounded styles_video__b8SeA" aria-label="AnyoneCanAI" width="14" height="14" poster="https://ph-files.imgix.net/f54601d8-14ef-447b-9482-326b0c1cc977.gif?auto=compress&codec=mozjpeg&cs=strip&fm=webp&w=14&h=14&fit=max&frame=1&dpr=2" muted="" loop="" disableRemotePlayback="" disablePictureInPicture="" playsInline="" preload="none"><source src="https://ph-files.imgix.net/f54601d8-14ef-447b-9482-326b0c1cc977.gif?fm=mp4&crop=max&w=14&h=14&dpr=2#t=0.001" type="video/mp4"/><source src="https://ph-files.imgix.net/f54601d8-14ef-447b-9482-326b0c1cc977.gif?fm=webm&crop=max&w=14&h=14&dpr=2#t=0.001" type="video/webm"/></video><div class="text-14 font-medium text-dark-gray styles_noOfLines-1__u8iSd">AnyoneCanAI</div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><g clip-path="url(#SecondIcon_svg__a)"><path fill="url(#SecondIcon_svg__b)" d="M8 16c-.5 0-.9-.1-1.4-.4L2 13c-.9-.5-1.4-1.4-1.4-2.4V5.4c0-1 .5-1.9 1.4-2.4L6.6.4c.8-.5 1.9-.5 2.7 0L14 3c.9.5 1.4 1.4 1.4 2.4v5.2c0 1-.5 1.9-1.4 2.4l-4.6 2.6c-.5.3-.9.4-1.4.4M8 1c-.2 0-.4.044-.6.104-.201.06-.391.15-.571.255L2.5 3.9c-.5.3-.9.9-.9 1.5v5.2c0 .6.3 1.2.9 1.5l4.6 2.6c.5.3 1.2.3 1.7 0l4.6-2.6c.5-.3.9-.9.9-1.5V5.4c0-.6-.3-1.2-.9-1.5L9.182 1.37a2.6 2.6 0 0 0-.596-.27A2.1 2.1 0 0 0 8 1"></path><path fill="url(#SecondIcon_svg__c)" d="M3.324 5.813A3 3 0 0 1 6.318 3h3.364a3 3 0 0 1 2.994 2.813l.21 3.366a3 3 0 0 1-1.45 2.76l-1.893 1.135a3 3 0 0 1-3.086 0l-1.893-1.135a3 3 0 0 1-1.45-2.76z"></path><path fill="#fff" d="M6.5 11c0-1 .3-1.7 1.2-2.6s1.1-1.5 1.1-2.2-.2-.8-.6-.8-.7.2-.7.7v.8h-1v-.7c0-1.2.5-1.9 1.7-1.9 1.1 0 1.7.7 1.7 1.8 0 .9-.4 1.7-1.4 2.9-.7.7-.9 1.1-.9 1.6v.2h2.2v1H6.5z"></path></g><defs><linearGradient id="SecondIcon_svg__b" x1="12.5" x2="1" y1="0" y2="15" gradientUnits="userSpaceOnUse"><stop stop-color="#DADADA"></stop><stop offset="1" stop-color="#9F9F9F"></stop></linearGradient><linearGradient id="SecondIcon_svg__c" x1="11.04" x2="3.084" y1="2.983" y2="13.166" gradientUnits="userSpaceOnUse"><stop stop-color="#DADADA"></stop><stop offset="1" stop-color="#9F9F9F"></stop></linearGradient><clipPath id="SecondIcon_svg__a"><path fill="#fff" d="M0 0h16v16H0z"></path></clipPath></defs></svg></a></div><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><div><a target="_blank" class="flex flex-row items-center justify-start gap-1" href="/products/graphite-ai-seo-platform#graphite-ai-seo-platform"><img loading="lazy" srcSet="https://ph-files.imgix.net/c8dd0cb9-8f45-4c93-af1a-093d34eaaff6.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=14&h=14&fit=crop&dpr=1 1x, https://ph-files.imgix.net/c8dd0cb9-8f45-4c93-af1a-093d34eaaff6.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=14&h=14&fit=crop&dpr=2 2x, https://ph-files.imgix.net/c8dd0cb9-8f45-4c93-af1a-093d34eaaff6.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=14&h=14&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/c8dd0cb9-8f45-4c93-af1a-093d34eaaff6.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=14&h=14&fit=crop" style="width:14px;height:14px" alt="Graphite AI SEO Platform" class="relative z-0 rounded"/><div class="text-14 font-medium text-dark-gray styles_noOfLines-1__u8iSd">Graphite AI SEO Platform</div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><g clip-path="url(#ThirdIcon_svg__a)"><path fill="url(#ThirdIcon_svg__b)" d="M8 16c-.5 0-.9-.1-1.4-.4L2 13c-.9-.5-1.4-1.4-1.4-2.4V5.4c0-1 .5-1.9 1.4-2.4L6.6.4c.8-.5 1.9-.5 2.7 0L14 3c.9.5 1.4 1.4 1.4 2.4v5.2c0 1-.5 1.9-1.4 2.4l-4.6 2.6c-.5.3-.9.4-1.4.4M8 1c-.2 0-.4.045-.6.104a2.6 2.6 0 0 0-.571.256L2.5 3.9c-.5.3-.9.9-.9 1.5v5.2c0 .6.3 1.2.9 1.5l4.6 2.6c.5.3 1.2.3 1.7 0l4.6-2.6c.5-.3.9-.9.9-1.5V5.4c0-.6-.3-1.2-.9-1.5L9.182 1.37a2.6 2.6 0 0 0-.596-.27A2.1 2.1 0 0 0 8 1"></path><path fill="url(#ThirdIcon_svg__c)" d="M3.324 5.813A3 3 0 0 1 6.318 3h3.364a3 3 0 0 1 2.994 2.813l.21 3.366a3 3 0 0 1-1.45 2.76l-1.893 1.135a3 3 0 0 1-3.086 0l-1.893-1.135a3 3 0 0 1-1.45-2.76z"></path><path fill="#fff" d="M6.3 10.1v-.6h1.1v.6c0 .5.2.7.6.7s.6-.2.6-.8v-.6c0-.7-.2-.9-.8-.9h-.4v-1h.4c.4 0 .7-.2.7-.8v-.6c0-.5-.2-.7-.6-.7s-.5.2-.5.7v.5H6.3v-.4c0-1.2.6-1.9 1.7-1.9s1.7.6 1.7 1.8v.3c0 .8-.3 1.3-.8 1.5.6.2.8.8.8 1.5v.6c0 1.2-.6 1.8-1.7 1.8-1.2.1-1.7-.6-1.7-1.7"></path></g><defs><linearGradient id="ThirdIcon_svg__b" x1="12.5" x2="1" y1="0" y2="15.001" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB08E"></stop><stop offset="1" stop-color="#CD7E2E"></stop></linearGradient><linearGradient id="ThirdIcon_svg__c" x1="11.04" x2="3.084" y1="2.983" y2="13.166" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB08E"></stop><stop offset="1" stop-color="#CD7E2E"></stop></linearGradient><clipPath id="ThirdIcon_svg__a"><path fill="#fff" d="M0 0h16v16H0z"></path></clipPath></defs></svg></a></div><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-medium text-coral styles_noOfLines-1__u8iSd block" target="_blank" href="/products/mobbin/shoutouts">View all</a></div></div><ul class="relative flex flex-row gap-2 rounded-lg bg-gray-50 p-1"><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray bg-white shadow-sm !text-dark-gray" data-test="navigator-tab-overview">Overview</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-shoutouts">Shoutouts</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-reviews">Reviews</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-launches">Launches</li><div class="absolute z-[5] h-9 rounded-lg bg-white shadow-md" style="width:0;height:0;left:0;transition:left 0.3s, width 0.01s"></div></ul><p class="text-14 font-normal text-dark-gray">Mobbin is the Pinterest for UI & UX design. We are building a comprehensive, expert-curated library of interfaces from the best-in-class digital products that helps product designers find relevant design inspiration and references with significantly less time and effort.</p><a class="flex flex-row justify-start gap-4 overflow-x-scroll" target="_blank" href="/products/mobbin"><img loading="lazy" srcSet="https://ph-files.imgix.net/91d90e5e-1c25-401f-be14-fd0305078830.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/91d90e5e-1c25-401f-be14-fd0305078830.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/91d90e5e-1c25-401f-be14-fd0305078830.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/91d90e5e-1c25-401f-be14-fd0305078830.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="Mobbin media 1" class="!md:w-full rounded-lg" data-test="image-91d90e5e-1c25-401f-be14-fd0305078830.png"/><img loading="lazy" srcSet="https://ph-files.imgix.net/a97b8e4c-0b8a-46a1-ac0c-2f83df7b02bd.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/a97b8e4c-0b8a-46a1-ac0c-2f83df7b02bd.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/a97b8e4c-0b8a-46a1-ac0c-2f83df7b02bd.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/a97b8e4c-0b8a-46a1-ac0c-2f83df7b02bd.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="Mobbin media 2" class="!md:w-full rounded-lg" data-test="image-a97b8e4c-0b8a-46a1-ac0c-2f83df7b02bd.png"/><img loading="lazy" srcSet="https://ph-files.imgix.net/c1a82775-1401-4c88-b136-b036ddadccf7.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/c1a82775-1401-4c88-b136-b036ddadccf7.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/c1a82775-1401-4c88-b136-b036ddadccf7.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/c1a82775-1401-4c88-b136-b036ddadccf7.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="Mobbin media 3" class="!md:w-full rounded-lg" data-test="image-c1a82775-1401-4c88-b136-b036ddadccf7.png"/></a><div class="flex flex-row flex-wrap items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" class="size-4"><path stroke="#667085" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.25 6.417-4.43-4.43c-.303-.303-.454-.454-.63-.562a1.8 1.8 0 0 0-.506-.21c-.202-.048-.416-.048-.844-.048H3.5M1.75 5.075v1.152c0 .285 0 .428.032.562q.044.18.14.338c.072.117.173.218.375.42l4.55 4.55c.462.462.693.693.96.78.233.076.486.076.72 0 .267-.087.498-.318.96-.78l1.443-1.443c.462-.462.693-.693.78-.96a1.17 1.17 0 0 0 0-.72c-.087-.267-.318-.498-.78-.96L6.672 3.755c-.202-.201-.303-.302-.42-.374a1.2 1.2 0 0 0-.338-.14c-.134-.032-.277-.032-.562-.032H3.617c-.654 0-.98 0-1.23.127-.22.112-.398.29-.51.51-.127.25-.127.576-.127 1.23"></path></svg><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/design-inspiration">Design inspiration websites</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/figma-plugins">Figma Plugins</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/design-resources">Design resources</a></div><div class="flex flex-row gap-2 sm:gap-4"><a target="_blank" class="styles_reset__0clCw styles_button__BmLM4 styles_secondary__zB2Yb w-full !rounded-lg sm:max-w-24" href="/products/mobbin">View Details</a></div></div></section><section class="my-4 flex flex-row justify-start gap-4"><a target="_blank" href="/products/locofy-ai"><video style="width:40px;height:40px" class="rounded rounded-lg styles_video__b8SeA" aria-label="Locofy.ai" width="40" height="40" poster="https://ph-files.imgix.net/91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif?auto=compress&codec=mozjpeg&cs=strip&fm=webp&w=40&h=40&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=40&h=40&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=40&h=40&dpr=2#t=0.001" type="video/webm"/></video></a><div class="flex flex-1 flex-col gap-4"><div class="flex flex-col gap-1"><a class="text-16 font-normal text-light-gray styles_noOfLines-2__k_Ta_ inline sm:line-clamp-1 sm:leading-5 block" target="_blank" href="/products/locofy-ai"><span class="mr-1 inline font-medium text-dark-gray">2.</span><h3 class="inline font-medium text-dark-gray">Locofy.ai</h3><span class="px-1 opacity-50">—</span>Build frontend 10x faster with design-to-code AI</a><div class="flex flex-row items-center gap-2"><div class="flex flex-row"><label data-test="star-1" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="1"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="2"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="3"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="4"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="5"/><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 class="text-14 font-medium text-dark-gray">4.9 (174 reviews)</div></div></div><ul class="relative flex flex-row gap-2 rounded-lg bg-gray-50 p-1"><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray bg-white shadow-sm !text-dark-gray" data-test="navigator-tab-overview">Overview</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-shoutouts">Shoutouts</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-reviews">Reviews</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-launches">Launches</li><div class="absolute z-[5] h-9 rounded-lg bg-white shadow-md" style="width:0;height:0;left:0;transition:left 0.3s, width 0.01s"></div></ul><p class="text-14 font-normal text-dark-gray">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.</p><a class="flex flex-row justify-start gap-4 overflow-x-scroll" target="_blank" href="/products/locofy-ai"><img loading="lazy" srcSet="https://ph-files.imgix.net/629540e6-7de4-4984-8de5-dff96cd4e696.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&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=234&h=140&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=234&h=140&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=234&h=140&fit=crop" style="width:234px;height:140px" alt="Locofy.ai media 1" class="!md:w-full rounded-lg" data-test="image-629540e6-7de4-4984-8de5-dff96cd4e696.png"/><img loading="lazy" srcSet="https://ph-files.imgix.net/021d399a-40cd-45d7-947a-96a032f9e731.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&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=234&h=140&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=234&h=140&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=234&h=140&fit=crop" style="width:234px;height:140px" alt="Locofy.ai media 2" class="!md:w-full rounded-lg" data-test="image-021d399a-40cd-45d7-947a-96a032f9e731.png"/><img loading="lazy" srcSet="https://ph-files.imgix.net/9b8d126b-ae0e-4122-a372-bd6789fd8673.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&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=234&h=140&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=234&h=140&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=234&h=140&fit=crop" style="width:234px;height:140px" alt="Locofy.ai media 3" class="!md:w-full rounded-lg" data-test="image-9b8d126b-ae0e-4122-a372-bd6789fd8673.png"/></a><div class="flex flex-row flex-wrap items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" class="size-4"><path stroke="#667085" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.25 6.417-4.43-4.43c-.303-.303-.454-.454-.63-.562a1.8 1.8 0 0 0-.506-.21c-.202-.048-.416-.048-.844-.048H3.5M1.75 5.075v1.152c0 .285 0 .428.032.562q.044.18.14.338c.072.117.173.218.375.42l4.55 4.55c.462.462.693.693.96.78.233.076.486.076.72 0 .267-.087.498-.318.96-.78l1.443-1.443c.462-.462.693-.693.78-.96a1.17 1.17 0 0 0 0-.72c-.087-.267-.318-.498-.78-.96L6.672 3.755c-.202-.201-.303-.302-.42-.374a1.2 1.2 0 0 0-.338-.14c-.134-.032-.277-.032-.562-.032H3.617c-.654 0-.98 0-1.23.127-.22.112-.398.29-.51.51-.127.25-.127.576-.127 1.23"></path></svg><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/figma-plugins">Figma Plugins</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/ai-coding">AI Coding Assistants</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/automation">Automation tools</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/design-resources">Design resources</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/code-editors">Code editors</a></div><div class="flex flex-row gap-2 sm:gap-4"><a target="_blank" class="styles_reset__0clCw styles_button__BmLM4 styles_secondary__zB2Yb w-full !rounded-lg sm:max-w-24" href="/products/locofy-ai">View Details</a><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></section><section class="my-4 flex flex-row justify-start gap-4"><a target="_blank" href="/products/dhiwise"><img loading="lazy" srcSet="https://ph-files.imgix.net/4c7b58ea-341a-4661-9a2d-7502e70cd279.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&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=40&h=40&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=40&h=40&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=40&h=40&fit=crop" style="width:40px;height:40px" alt="DhiWise" class="rounded rounded-lg" data-test="DhiWise-thumbnail"/></a><div class="flex flex-1 flex-col gap-4"><div class="flex flex-col gap-1"><a class="text-16 font-normal text-light-gray styles_noOfLines-2__k_Ta_ inline sm:line-clamp-1 sm:leading-5 block" target="_blank" href="/products/dhiwise"><span class="mr-1 inline font-medium text-dark-gray">3.</span><h3 class="inline font-medium text-dark-gray">DhiWise</h3><span class="px-1 opacity-50">—</span>Convert Figma designs into Flutter 3.0 & React code rapidly</a><div class="flex flex-row items-center gap-2"><div class="flex flex-row"><label data-test="star-1" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="1"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="2"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="3"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="4"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="5"/><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 class="text-14 font-medium text-dark-gray">4.9 (138 reviews)</div></div></div><ul class="relative flex flex-row gap-2 rounded-lg bg-gray-50 p-1"><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray bg-white shadow-sm !text-dark-gray" data-test="navigator-tab-overview">Overview</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-shoutouts">Shoutouts</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-reviews">Reviews</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-launches">Launches</li><div class="absolute z-[5] h-9 rounded-lg bg-white shadow-md" style="width:0;height:0;left:0;transition:left 0.3s, width 0.01s"></div></ul><p class="text-14 font-normal text-dark-gray">DhiWise is a DevTool focused on programming automation. It generates component-driven code with state management. Build basic to advanced apps with no-vendor lock-in. 1000+ pre-built screens to quick-start your app development. FREE FOREVER FOR THE COMMUNITY!</p><a class="flex flex-row justify-start gap-4 overflow-x-scroll" target="_blank" href="/products/dhiwise"><img loading="lazy" srcSet="https://ph-files.imgix.net/0ddafc1f-c5de-48b5-9eb9-1016f0fde504.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/0ddafc1f-c5de-48b5-9eb9-1016f0fde504.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/0ddafc1f-c5de-48b5-9eb9-1016f0fde504.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/0ddafc1f-c5de-48b5-9eb9-1016f0fde504.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="DhiWise media 1" class="!md:w-full rounded-lg" data-test="image-0ddafc1f-c5de-48b5-9eb9-1016f0fde504.png"/><img loading="lazy" srcSet="https://ph-files.imgix.net/8a8e4701-526f-4002-a361-e80742a4a578.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/8a8e4701-526f-4002-a361-e80742a4a578.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/8a8e4701-526f-4002-a361-e80742a4a578.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/8a8e4701-526f-4002-a361-e80742a4a578.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="DhiWise media 2" class="!md:w-full rounded-lg" data-test="image-8a8e4701-526f-4002-a361-e80742a4a578.png"/><img loading="lazy" srcSet="https://ph-files.imgix.net/cd61b861-0c09-42f6-8be0-404e8f9bd5ab.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/cd61b861-0c09-42f6-8be0-404e8f9bd5ab.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/cd61b861-0c09-42f6-8be0-404e8f9bd5ab.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/cd61b861-0c09-42f6-8be0-404e8f9bd5ab.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="DhiWise media 3" class="!md:w-full rounded-lg" data-test="image-cd61b861-0c09-42f6-8be0-404e8f9bd5ab.jpeg"/></a><div class="flex flex-row flex-wrap items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" class="size-4"><path stroke="#667085" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.25 6.417-4.43-4.43c-.303-.303-.454-.454-.63-.562a1.8 1.8 0 0 0-.506-.21c-.202-.048-.416-.048-.844-.048H3.5M1.75 5.075v1.152c0 .285 0 .428.032.562q.044.18.14.338c.072.117.173.218.375.42l4.55 4.55c.462.462.693.693.96.78.233.076.486.076.72 0 .267-.087.498-.318.96-.78l1.443-1.443c.462-.462.693-.693.78-.96a1.17 1.17 0 0 0 0-.72c-.087-.267-.318-.498-.78-.96L6.672 3.755c-.202-.201-.303-.302-.42-.374a1.2 1.2 0 0 0-.338-.14c-.134-.032-.277-.032-.562-.032H3.617c-.654 0-.98 0-1.23.127-.22.112-.398.29-.51.51-.127.25-.127.576-.127 1.23"></path></svg><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/figma-plugins">Figma Plugins</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/automation">Automation tools</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/no-code-platforms">No-code platforms</a></div><div class="flex flex-row gap-2 sm:gap-4"><a target="_blank" class="styles_reset__0clCw styles_button__BmLM4 styles_secondary__zB2Yb w-full !rounded-lg sm:max-w-24" href="/products/dhiwise">View Details</a></div></div></section><section class="my-4 flex flex-row justify-start gap-4"><a target="_blank" href="/products/questai"><img loading="lazy" srcSet="https://ph-files.imgix.net/045a4b3e-32e1-46d1-b3d0-9d92e7d194dc.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&dpr=1 1x, https://ph-files.imgix.net/045a4b3e-32e1-46d1-b3d0-9d92e7d194dc.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&dpr=2 2x, https://ph-files.imgix.net/045a4b3e-32e1-46d1-b3d0-9d92e7d194dc.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/045a4b3e-32e1-46d1-b3d0-9d92e7d194dc.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop" style="width:40px;height:40px" alt="questAI" class="rounded rounded-lg" data-test="questAI-thumbnail"/></a><div class="flex flex-1 flex-col gap-4"><div class="flex flex-col gap-1"><a class="text-16 font-normal text-light-gray styles_noOfLines-2__k_Ta_ inline sm:line-clamp-1 sm:leading-5 block" target="_blank" href="/products/questai"><span class="mr-1 inline font-medium text-dark-gray">4.</span><h3 class="inline font-medium text-dark-gray">questAI</h3><span class="px-1 opacity-50">—</span>Build web apps faster than ever</a><div class="flex flex-row items-center gap-2"><div class="flex flex-row"><label data-test="star-1" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="1"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="2"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="3"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="4"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="5"/><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 class="text-14 font-medium text-dark-gray">4.8 (73 reviews)</div></div></div><ul class="relative flex flex-row gap-2 rounded-lg bg-gray-50 p-1"><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray bg-white shadow-sm !text-dark-gray" data-test="navigator-tab-overview">Overview</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-reviews">Reviews</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-launches">Launches</li><div class="absolute z-[5] h-9 rounded-lg bg-white shadow-md" style="width:0;height:0;left:0;transition:left 0.3s, width 0.01s"></div></ul><p class="text-14 font-normal text-dark-gray">Convert your Adobe XD and Figma designs into live web pages automatically. Build responsive web pages and interactive playables easily with little or no code.</p><a class="flex flex-row justify-start gap-4 overflow-x-scroll" target="_blank" href="/products/questai"><img loading="lazy" srcSet="https://ph-files.imgix.net/fc711db0-30dc-4fa9-b9f7-e78f66eb7e22.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/fc711db0-30dc-4fa9-b9f7-e78f66eb7e22.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/fc711db0-30dc-4fa9-b9f7-e78f66eb7e22.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/fc711db0-30dc-4fa9-b9f7-e78f66eb7e22.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="questAI media 1" class="!md:w-full rounded-lg" data-test="image-fc711db0-30dc-4fa9-b9f7-e78f66eb7e22.jpeg"/><img loading="lazy" srcSet="https://ph-files.imgix.net/d07a61af-bf43-483d-b2a3-ad7eb26b8050.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/d07a61af-bf43-483d-b2a3-ad7eb26b8050.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/d07a61af-bf43-483d-b2a3-ad7eb26b8050.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/d07a61af-bf43-483d-b2a3-ad7eb26b8050.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="questAI media 2" class="!md:w-full rounded-lg" data-test="image-d07a61af-bf43-483d-b2a3-ad7eb26b8050.jpeg"/><img loading="lazy" srcSet="https://ph-files.imgix.net/cfc40ea9-d771-4b00-b0c7-a31ded6cdac6.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/cfc40ea9-d771-4b00-b0c7-a31ded6cdac6.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/cfc40ea9-d771-4b00-b0c7-a31ded6cdac6.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/cfc40ea9-d771-4b00-b0c7-a31ded6cdac6.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="questAI media 3" class="!md:w-full rounded-lg" data-test="image-cfc40ea9-d771-4b00-b0c7-a31ded6cdac6.jpeg"/></a><div class="flex flex-row flex-wrap items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" class="size-4"><path stroke="#667085" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.25 6.417-4.43-4.43c-.303-.303-.454-.454-.63-.562a1.8 1.8 0 0 0-.506-.21c-.202-.048-.416-.048-.844-.048H3.5M1.75 5.075v1.152c0 .285 0 .428.032.562q.044.18.14.338c.072.117.173.218.375.42l4.55 4.55c.462.462.693.693.96.78.233.076.486.076.72 0 .267-.087.498-.318.96-.78l1.443-1.443c.462-.462.693-.693.78-.96a1.17 1.17 0 0 0 0-.72c-.087-.267-.318-.498-.78-.96L6.672 3.755c-.202-.201-.303-.302-.42-.374a1.2 1.2 0 0 0-.338-.14c-.134-.032-.277-.032-.562-.032H3.617c-.654 0-.98 0-1.23.127-.22.112-.398.29-.51.51-.127.25-.127.576-.127 1.23"></path></svg><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/no-code-platforms">No-code platforms</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/figma-plugins">Figma Plugins</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/website-builders">Website builders</a></div><div class="flex flex-row gap-2 sm:gap-4"><a target="_blank" class="styles_reset__0clCw styles_button__BmLM4 styles_secondary__zB2Yb w-full !rounded-lg sm:max-w-24" href="/products/questai">View Details</a></div></div></section><section class="my-4 flex flex-row justify-start gap-4"><a target="_blank" href="/products/overflow"><video style="width:40px;height:40px" class="rounded rounded-lg styles_video__b8SeA" aria-label="Overflow" width="40" height="40" poster="https://ph-files.imgix.net/3730159a-91a4-4396-9ff3-edb3e270bfd5.gif?auto=compress&codec=mozjpeg&cs=strip&fm=webp&w=40&h=40&fit=max&frame=1&dpr=2" muted="" loop="" disableRemotePlayback="" disablePictureInPicture="" playsInline="" preload="none"><source src="https://ph-files.imgix.net/3730159a-91a4-4396-9ff3-edb3e270bfd5.gif?fm=mp4&crop=max&w=40&h=40&dpr=2#t=0.001" type="video/mp4"/><source src="https://ph-files.imgix.net/3730159a-91a4-4396-9ff3-edb3e270bfd5.gif?fm=webm&crop=max&w=40&h=40&dpr=2#t=0.001" type="video/webm"/></video></a><div class="flex flex-1 flex-col gap-4"><div class="flex flex-col gap-1"><a class="text-16 font-normal text-light-gray styles_noOfLines-2__k_Ta_ inline sm:line-clamp-1 sm:leading-5 block" target="_blank" href="/products/overflow"><span class="mr-1 inline font-medium text-dark-gray">5.</span><h3 class="inline font-medium text-dark-gray">Overflow</h3><span class="px-1 opacity-50">—</span>Communicate your designs like never before</a><div class="flex flex-row items-center gap-2"><div class="flex flex-row"><label data-test="star-1" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="1"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="2"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="3"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="4"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="5"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="23" viewBox="0 0 24 23" data-test="star-5-not-filled" class="fill-light-blue pl-1"><path fill="#d9e1ec" 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><defs><clipPath id="StartHalfFilled_svg__a"><path d="M0 0h12v23H0z"></path></clipPath></defs><path fill="#f5a623" 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" clip-path="url(#StartHalfFilled_svg__a)"></path></svg></label></div><div class="text-14 font-medium text-dark-gray">4.3 (114 reviews)</div></div></div><ul class="relative flex flex-row gap-2 rounded-lg bg-gray-50 p-1"><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray bg-white shadow-sm !text-dark-gray" data-test="navigator-tab-overview">Overview</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-reviews">Reviews</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-launches">Launches</li><div class="absolute z-[5] h-9 rounded-lg bg-white shadow-md" style="width:0;height:0;left:0;transition:left 0.3s, width 0.01s"></div></ul><p class="text-14 font-normal text-dark-gray">The world’s first user flow diagramming tool tailored for designers. Build and present beautiful user flow diagrams that tell a story. User flows done right. Turn your designs into playable user flow diagrams that tell a story. Try Overflow for free today!</p><a class="flex flex-row justify-start gap-4 overflow-x-scroll" target="_blank" href="/products/overflow"><img loading="lazy" srcSet="https://ph-files.imgix.net/87f4ca80-d970-4564-9005-0a39907dd8d0.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/87f4ca80-d970-4564-9005-0a39907dd8d0.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/87f4ca80-d970-4564-9005-0a39907dd8d0.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/87f4ca80-d970-4564-9005-0a39907dd8d0.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="Overflow media 1" class="!md:w-full rounded-lg" data-test="image-87f4ca80-d970-4564-9005-0a39907dd8d0.jpeg"/><img loading="lazy" srcSet="https://ph-files.imgix.net/c763aea2-42fb-42c2-a29f-73b9d82f1da5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/c763aea2-42fb-42c2-a29f-73b9d82f1da5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/c763aea2-42fb-42c2-a29f-73b9d82f1da5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/c763aea2-42fb-42c2-a29f-73b9d82f1da5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="Overflow media 2" class="!md:w-full rounded-lg" data-test="image-c763aea2-42fb-42c2-a29f-73b9d82f1da5.png"/><img loading="lazy" srcSet="https://ph-files.imgix.net/f94ba994-19e0-40ca-83b6-5ef3a9068154.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/f94ba994-19e0-40ca-83b6-5ef3a9068154.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/f94ba994-19e0-40ca-83b6-5ef3a9068154.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/f94ba994-19e0-40ca-83b6-5ef3a9068154.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="Overflow media 3" class="!md:w-full rounded-lg" data-test="image-f94ba994-19e0-40ca-83b6-5ef3a9068154.png"/></a><div class="flex flex-row flex-wrap items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" class="size-4"><path stroke="#667085" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.25 6.417-4.43-4.43c-.303-.303-.454-.454-.63-.562a1.8 1.8 0 0 0-.506-.21c-.202-.048-.416-.048-.844-.048H3.5M1.75 5.075v1.152c0 .285 0 .428.032.562q.044.18.14.338c.072.117.173.218.375.42l4.55 4.55c.462.462.693.693.96.78.233.076.486.076.72 0 .267-.087.498-.318.96-.78l1.443-1.443c.462-.462.693-.693.78-.96a1.17 1.17 0 0 0 0-.72c-.087-.267-.318-.498-.78-.96L6.672 3.755c-.202-.201-.303-.302-.42-.374a1.2 1.2 0 0 0-.338-.14c-.134-.032-.277-.032-.562-.032H3.617c-.654 0-.98 0-1.23.127-.22.112-.398.29-.51.51-.127.25-.127.576-.127 1.23"></path></svg><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/figma-plugins">Figma Plugins</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/design-creative">Design & Creative</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/interface-design-tools">Interface design tools</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/presentation-software">Presentation Software</a></div><div class="flex flex-row gap-2 sm:gap-4"><a target="_blank" class="styles_reset__0clCw styles_button__BmLM4 styles_secondary__zB2Yb w-full !rounded-lg sm:max-w-24" href="/products/overflow">View Details</a></div></div></section><section class="my-4 flex flex-row justify-start gap-4"><a target="_blank" href="/products/bravo-studio"><video style="width:40px;height:40px" class="rounded rounded-lg styles_video__b8SeA" aria-label="Bravo Studio" width="40" height="40" poster="https://ph-files.imgix.net/2e947076-efaa-4946-9a62-53e37f582599.gif?auto=compress&codec=mozjpeg&cs=strip&fm=webp&w=40&h=40&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=40&h=40&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=40&h=40&dpr=2#t=0.001" type="video/webm"/></video></a><div class="flex flex-1 flex-col gap-4"><div class="flex flex-col gap-1"><a class="text-16 font-normal text-light-gray styles_noOfLines-2__k_Ta_ inline sm:line-clamp-1 sm:leading-5 block" target="_blank" href="/products/bravo-studio"><span class="mr-1 inline font-medium text-dark-gray">6.</span><h3 class="inline font-medium text-dark-gray">Bravo Studio</h3><span class="px-1 opacity-50">—</span>Prototypes just got real! </a><div class="flex flex-row items-center gap-2"><div class="flex flex-row"><label data-test="star-1" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="1"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="2"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="3"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="4"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="5"/><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 class="text-14 font-medium text-dark-gray">4.8 (67 reviews)</div></div></div><ul class="relative flex flex-row gap-2 rounded-lg bg-gray-50 p-1"><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray bg-white shadow-sm !text-dark-gray" data-test="navigator-tab-overview">Overview</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-shoutouts">Shoutouts</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-reviews">Reviews</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-launches">Launches</li><div class="absolute z-[5] h-9 rounded-lg bg-white shadow-md" style="width:0;height:0;left:0;transition:left 0.3s, width 0.01s"></div></ul><p class="text-14 font-normal text-dark-gray">Turn your app prototypes into native iOS and Android apps without coding, while using your favourite design tool.</p><a class="flex flex-row justify-start gap-4 overflow-x-scroll" target="_blank" href="/products/bravo-studio"><img loading="lazy" srcSet="https://ph-files.imgix.net/680df0ab-a661-4899-b93f-cb52d121cd75.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/680df0ab-a661-4899-b93f-cb52d121cd75.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/680df0ab-a661-4899-b93f-cb52d121cd75.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/680df0ab-a661-4899-b93f-cb52d121cd75.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="Bravo Studio media 1" class="!md:w-full rounded-lg" data-test="image-680df0ab-a661-4899-b93f-cb52d121cd75.jpeg"/><img loading="lazy" srcSet="https://ph-files.imgix.net/d639adab-fb2a-4672-b503-3da7cdcd400a.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/d639adab-fb2a-4672-b503-3da7cdcd400a.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/d639adab-fb2a-4672-b503-3da7cdcd400a.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/d639adab-fb2a-4672-b503-3da7cdcd400a.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="Bravo Studio media 2" class="!md:w-full rounded-lg" data-test="image-d639adab-fb2a-4672-b503-3da7cdcd400a.jpeg"/><img loading="lazy" srcSet="https://ph-files.imgix.net/0a651f10-4f7a-43c0-b0bd-8ce8aff5933e.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/0a651f10-4f7a-43c0-b0bd-8ce8aff5933e.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/0a651f10-4f7a-43c0-b0bd-8ce8aff5933e.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/0a651f10-4f7a-43c0-b0bd-8ce8aff5933e.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="Bravo Studio media 3" class="!md:w-full rounded-lg" data-test="image-0a651f10-4f7a-43c0-b0bd-8ce8aff5933e.jpeg"/></a><div class="flex flex-row flex-wrap items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" class="size-4"><path stroke="#667085" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.25 6.417-4.43-4.43c-.303-.303-.454-.454-.63-.562a1.8 1.8 0 0 0-.506-.21c-.202-.048-.416-.048-.844-.048H3.5M1.75 5.075v1.152c0 .285 0 .428.032.562q.044.18.14.338c.072.117.173.218.375.42l4.55 4.55c.462.462.693.693.96.78.233.076.486.076.72 0 .267-.087.498-.318.96-.78l1.443-1.443c.462-.462.693-.693.78-.96a1.17 1.17 0 0 0 0-.72c-.087-.267-.318-.498-.78-.96L6.672 3.755c-.202-.201-.303-.302-.42-.374a1.2 1.2 0 0 0-.338-.14c-.134-.032-.277-.032-.562-.032H3.617c-.654 0-.98 0-1.23.127-.22.112-.398.29-.51.51-.127.25-.127.576-.127 1.23"></path></svg><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/figma-plugins">Figma Plugins</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/no-code-platforms">No-code platforms</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/interface-design-tools">Interface design tools</a></div><div class="flex flex-row gap-2 sm:gap-4"><a target="_blank" class="styles_reset__0clCw styles_button__BmLM4 styles_secondary__zB2Yb w-full !rounded-lg sm:max-w-24" href="/products/bravo-studio">View Details</a></div></div></section><section class="my-4 flex flex-row justify-start gap-4"><a target="_blank" href="/products/ci-hub"><img loading="lazy" srcSet="https://ph-files.imgix.net/d067b6a0-10e3-497c-b036-3deb4560d7a5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&dpr=1 1x, https://ph-files.imgix.net/d067b6a0-10e3-497c-b036-3deb4560d7a5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&dpr=2 2x, https://ph-files.imgix.net/d067b6a0-10e3-497c-b036-3deb4560d7a5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/d067b6a0-10e3-497c-b036-3deb4560d7a5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop" style="width:40px;height:40px" alt="CI HUB" class="rounded rounded-lg" data-test="CI HUB-thumbnail"/></a><div class="flex flex-1 flex-col gap-4"><div class="flex flex-col gap-1"><a class="text-16 font-normal text-light-gray styles_noOfLines-2__k_Ta_ inline sm:line-clamp-1 sm:leading-5 block" target="_blank" href="/products/ci-hub"><span class="mr-1 inline font-medium text-dark-gray">7.</span><h3 class="inline font-medium text-dark-gray">CI HUB</h3><span class="px-1 opacity-50">—</span>One access to your digital asset ecosystem</a><div class="flex flex-row items-center gap-2"><div class="flex flex-row"><label data-test="star-1" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="1"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="2"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="3"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="4"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="5"/><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 class="text-14 font-medium text-dark-gray">5.0 (55 reviews)</div></div></div><ul class="relative flex flex-row gap-2 rounded-lg bg-gray-50 p-1"><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray bg-white shadow-sm !text-dark-gray" data-test="navigator-tab-overview">Overview</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-reviews">Reviews</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-launches">Launches</li><div class="absolute z-[5] h-9 rounded-lg bg-white shadow-md" style="width:0;height:0;left:0;transition:left 0.3s, width 0.01s"></div></ul><p class="text-14 font-normal text-dark-gray">The CI HUB asset panel plugin for Adobe Creative Cloud, Microsoft 365, Google Workspace, Figma, Sketch and WordPress essentially connects your brand assets living within your various asset repositories to your native creative apps.</p><a class="flex flex-row justify-start gap-4 overflow-x-scroll" target="_blank" href="/products/ci-hub"><img loading="lazy" srcSet="https://ph-files.imgix.net/254003b3-4251-4e8e-810b-7e3f4dd7d85f.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/254003b3-4251-4e8e-810b-7e3f4dd7d85f.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/254003b3-4251-4e8e-810b-7e3f4dd7d85f.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/254003b3-4251-4e8e-810b-7e3f4dd7d85f.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="CI HUB media 1" class="!md:w-full rounded-lg" data-test="image-254003b3-4251-4e8e-810b-7e3f4dd7d85f.png"/></a><div class="flex flex-row flex-wrap items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" class="size-4"><path stroke="#667085" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.25 6.417-4.43-4.43c-.303-.303-.454-.454-.63-.562a1.8 1.8 0 0 0-.506-.21c-.202-.048-.416-.048-.844-.048H3.5M1.75 5.075v1.152c0 .285 0 .428.032.562q.044.18.14.338c.072.117.173.218.375.42l4.55 4.55c.462.462.693.693.96.78.233.076.486.076.72 0 .267-.087.498-.318.96-.78l1.443-1.443c.462-.462.693-.693.78-.96a1.17 1.17 0 0 0 0-.72c-.087-.267-.318-.498-.78-.96L6.672 3.755c-.202-.201-.303-.302-.42-.374a1.2 1.2 0 0 0-.338-.14c-.134-.032-.277-.032-.562-.032H3.617c-.654 0-.98 0-1.23.127-.22.112-.398.29-.51.51-.127.25-.127.576-.127 1.23"></path></svg><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/interface-design-tools">Interface design tools</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/figma-plugins">Figma Plugins</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/wordpress-plugins">Wordpress Plugins</a></div><div class="flex flex-row gap-2 sm:gap-4"><a target="_blank" class="styles_reset__0clCw styles_button__BmLM4 styles_secondary__zB2Yb w-full !rounded-lg sm:max-w-24" href="/products/ci-hub">View Details</a></div></div></section><section class="my-4 flex flex-row justify-start gap-4"><a target="_blank" href="/products/figma-academy"><video style="width:40px;height:40px" class="rounded rounded-lg styles_video__b8SeA" aria-label="Figma Academy" width="40" height="40" poster="https://ph-files.imgix.net/9d404763-ec0f-407c-85af-128408675a12.gif?auto=compress&codec=mozjpeg&cs=strip&fm=webp&w=40&h=40&fit=max&frame=1&dpr=2" muted="" loop="" disableRemotePlayback="" disablePictureInPicture="" playsInline="" preload="none"><source src="https://ph-files.imgix.net/9d404763-ec0f-407c-85af-128408675a12.gif?fm=mp4&crop=max&w=40&h=40&dpr=2#t=0.001" type="video/mp4"/><source src="https://ph-files.imgix.net/9d404763-ec0f-407c-85af-128408675a12.gif?fm=webm&crop=max&w=40&h=40&dpr=2#t=0.001" type="video/webm"/></video></a><div class="flex flex-1 flex-col gap-4"><div class="flex flex-col gap-1"><a class="text-16 font-normal text-light-gray styles_noOfLines-2__k_Ta_ inline sm:line-clamp-1 sm:leading-5 block" target="_blank" href="/products/figma-academy"><span class="mr-1 inline font-medium text-dark-gray">8.</span><h3 class="inline font-medium text-dark-gray">Figma Academy</h3><span class="px-1 opacity-50">—</span>A program that teaches advanced product design</a><div class="flex flex-row items-center gap-2"><div class="flex flex-row"><label data-test="star-1" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="1"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="2"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="3"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="4"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="5"/><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 class="text-14 font-medium text-dark-gray">5.0 (50 reviews)</div></div></div><ul class="relative flex flex-row gap-2 rounded-lg bg-gray-50 p-1"><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray bg-white shadow-sm !text-dark-gray" data-test="navigator-tab-overview">Overview</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-reviews">Reviews</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-launches">Launches</li><div class="absolute z-[5] h-9 rounded-lg bg-white shadow-md" style="width:0;height:0;left:0;transition:left 0.3s, width 0.01s"></div></ul><p class="text-14 font-normal text-dark-gray">Figma Academy is an all-new program that teaches advanced product design tactics with hands-on lessons that are delivered directly within Figma.</p><a class="flex flex-row justify-start gap-4 overflow-x-scroll" target="_blank" href="/products/figma-academy"><img loading="lazy" srcSet="https://ph-files.imgix.net/6a4be7f3-0022-4aca-8cdc-a2a57eff73b3.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/6a4be7f3-0022-4aca-8cdc-a2a57eff73b3.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/6a4be7f3-0022-4aca-8cdc-a2a57eff73b3.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/6a4be7f3-0022-4aca-8cdc-a2a57eff73b3.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="Figma Academy media 1" class="!md:w-full rounded-lg" data-test="image-6a4be7f3-0022-4aca-8cdc-a2a57eff73b3.jpeg"/><img loading="lazy" srcSet="https://ph-files.imgix.net/cc97cbe2-d4ff-4e4a-a6b0-929e4c43c081.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/cc97cbe2-d4ff-4e4a-a6b0-929e4c43c081.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/cc97cbe2-d4ff-4e4a-a6b0-929e4c43c081.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/cc97cbe2-d4ff-4e4a-a6b0-929e4c43c081.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="Figma Academy media 2" class="!md:w-full rounded-lg" data-test="image-cc97cbe2-d4ff-4e4a-a6b0-929e4c43c081.jpeg"/><img loading="lazy" srcSet="https://ph-files.imgix.net/0bcf35b5-4985-4bb7-87e2-a7d5617bcf38.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/0bcf35b5-4985-4bb7-87e2-a7d5617bcf38.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/0bcf35b5-4985-4bb7-87e2-a7d5617bcf38.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/0bcf35b5-4985-4bb7-87e2-a7d5617bcf38.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="Figma Academy media 3" class="!md:w-full rounded-lg" data-test="image-0bcf35b5-4985-4bb7-87e2-a7d5617bcf38.jpeg"/></a><div class="flex flex-row flex-wrap items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" class="size-4"><path stroke="#667085" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.25 6.417-4.43-4.43c-.303-.303-.454-.454-.63-.562a1.8 1.8 0 0 0-.506-.21c-.202-.048-.416-.048-.844-.048H3.5M1.75 5.075v1.152c0 .285 0 .428.032.562q.044.18.14.338c.072.117.173.218.375.42l4.55 4.55c.462.462.693.693.96.78.233.076.486.076.72 0 .267-.087.498-.318.96-.78l1.443-1.443c.462-.462.693-.693.78-.96a1.17 1.17 0 0 0 0-.72c-.087-.267-.318-.498-.78-.96L6.672 3.755c-.202-.201-.303-.302-.42-.374a1.2 1.2 0 0 0-.338-.14c-.134-.032-.277-.032-.562-.032H3.617c-.654 0-.98 0-1.23.127-.22.112-.398.29-.51.51-.127.25-.127.576-.127 1.23"></path></svg><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/figma-plugins">Figma Plugins</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/online-learning">Online learning</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/interface-design-tools">Interface design tools</a></div><div class="flex flex-row gap-2 sm:gap-4"><a target="_blank" class="styles_reset__0clCw styles_button__BmLM4 styles_secondary__zB2Yb w-full !rounded-lg sm:max-w-24" href="/products/figma-academy">View Details</a></div></div></section><section class="my-4 flex flex-row justify-start gap-4"><a target="_blank" href="/products/anima-app"><img loading="lazy" srcSet="https://ph-files.imgix.net/9e13de2b-cde7-4d32-be80-bfb7f1b3b055.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&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=40&h=40&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=40&h=40&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=40&h=40&fit=crop" style="width:40px;height:40px" alt="Anima App" class="rounded rounded-lg" data-test="Anima App-thumbnail"/></a><div class="flex flex-1 flex-col gap-4"><div class="flex flex-col gap-1"><a class="text-16 font-normal text-light-gray styles_noOfLines-2__k_Ta_ inline sm:line-clamp-1 sm:leading-5 block" target="_blank" href="/products/anima-app"><span class="mr-1 inline font-medium text-dark-gray">9.</span><h3 class="inline font-medium text-dark-gray">Anima App</h3><span class="px-1 opacity-50">—</span>Design to Code, Automated</a><div class="flex flex-row items-center gap-2"><div class="flex flex-row"><label data-test="star-1" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="1"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="2"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="3"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="4"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="5"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="23" viewBox="0 0 24 23" data-test="star-5-not-filled" class="fill-light-blue pl-1"><path fill="#d9e1ec" 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><defs><clipPath id="StartHalfFilled_svg__a"><path d="M0 0h12v23H0z"></path></clipPath></defs><path fill="#f5a623" 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" clip-path="url(#StartHalfFilled_svg__a)"></path></svg></label></div><div class="text-14 font-medium text-dark-gray">4.5 (70 reviews)</div></div></div><ul class="relative flex flex-row gap-2 rounded-lg bg-gray-50 p-1"><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray bg-white shadow-sm !text-dark-gray" data-test="navigator-tab-overview">Overview</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-shoutouts">Shoutouts</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-reviews">Reviews</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-launches">Launches</li><div class="absolute z-[5] h-9 rounded-lg bg-white shadow-md" style="width:0;height:0;left:0;transition:left 0.3s, width 0.01s"></div></ul><p class="text-14 font-normal text-dark-gray">Create High-Fidelity Prototypes in Sketch, XD, or Figma, and Export HTML</p><a class="flex flex-row justify-start gap-4 overflow-x-scroll" target="_blank" href="/products/anima-app"><img loading="lazy" srcSet="https://ph-files.imgix.net/c88b4b10-3ec6-4e70-b2c4-69eff489b01b.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/c88b4b10-3ec6-4e70-b2c4-69eff489b01b.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/c88b4b10-3ec6-4e70-b2c4-69eff489b01b.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/c88b4b10-3ec6-4e70-b2c4-69eff489b01b.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="Anima App media 1" class="!md:w-full rounded-lg" data-test="image-c88b4b10-3ec6-4e70-b2c4-69eff489b01b.png"/><img loading="lazy" srcSet="https://ph-files.imgix.net/266b6522-fcd7-41bf-9173-50a1af215327.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/266b6522-fcd7-41bf-9173-50a1af215327.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/266b6522-fcd7-41bf-9173-50a1af215327.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/266b6522-fcd7-41bf-9173-50a1af215327.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="Anima App media 2" class="!md:w-full rounded-lg" data-test="image-266b6522-fcd7-41bf-9173-50a1af215327.png"/><img loading="lazy" srcSet="https://ph-files.imgix.net/4fe5cec8-136d-48e4-beb2-9a9ac45892ed.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/4fe5cec8-136d-48e4-beb2-9a9ac45892ed.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/4fe5cec8-136d-48e4-beb2-9a9ac45892ed.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/4fe5cec8-136d-48e4-beb2-9a9ac45892ed.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="Anima App media 3" class="!md:w-full rounded-lg" data-test="image-4fe5cec8-136d-48e4-beb2-9a9ac45892ed.png"/></a><div class="flex flex-row flex-wrap items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" class="size-4"><path stroke="#667085" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.25 6.417-4.43-4.43c-.303-.303-.454-.454-.63-.562a1.8 1.8 0 0 0-.506-.21c-.202-.048-.416-.048-.844-.048H3.5M1.75 5.075v1.152c0 .285 0 .428.032.562q.044.18.14.338c.072.117.173.218.375.42l4.55 4.55c.462.462.693.693.96.78.233.076.486.076.72 0 .267-.087.498-.318.96-.78l1.443-1.443c.462-.462.693-.693.78-.96a1.17 1.17 0 0 0 0-.72c-.087-.267-.318-.498-.78-.96L6.672 3.755c-.202-.201-.303-.302-.42-.374a1.2 1.2 0 0 0-.338-.14c-.134-.032-.277-.032-.562-.032H3.617c-.654 0-.98 0-1.23.127-.22.112-.398.29-.51.51-.127.25-.127.576-.127 1.23"></path></svg><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/code-editors">Code editors</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/design-mockups">Design mockups</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/figma-plugins">Figma Plugins</a></div><div class="flex flex-row gap-2 sm:gap-4"><a target="_blank" class="styles_reset__0clCw styles_button__BmLM4 styles_secondary__zB2Yb w-full !rounded-lg sm:max-w-24" href="/products/anima-app">View Details</a></div></div></section><section class="my-4 flex flex-row justify-start gap-4"><a target="_blank" href="/products/styles-new-from-craft-and-invision-labs"><img loading="lazy" srcSet="https://ph-files.imgix.net/236e8b22-4409-4157-8cd6-8a8de62f39c0.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&dpr=1 1x, https://ph-files.imgix.net/236e8b22-4409-4157-8cd6-8a8de62f39c0.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&dpr=2 2x, https://ph-files.imgix.net/236e8b22-4409-4157-8cd6-8a8de62f39c0.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/236e8b22-4409-4157-8cd6-8a8de62f39c0.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop" style="width:40px;height:40px" alt="Styles, new from Craft and InVision Labs" class="rounded rounded-lg" data-test="Styles, new from Craft and InVision Labs-thumbnail"/></a><div class="flex flex-1 flex-col gap-4"><div class="flex flex-col gap-1"><a class="text-16 font-normal text-light-gray styles_noOfLines-2__k_Ta_ inline sm:line-clamp-1 sm:leading-5 block" target="_blank" href="/products/styles-new-from-craft-and-invision-labs"><span class="mr-1 inline font-medium text-dark-gray">10.</span><h3 class="inline font-medium text-dark-gray">Styles, new from Craft and InVision Labs</h3><span class="px-1 opacity-50">—</span>Create stunning style guides with just a click (Sketch)</a><div class="flex flex-row items-center gap-2"><div class="flex flex-row"><label data-test="star-1" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="1"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="2"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="3"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="4"/><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" class="cursor-pointer styles_smallStar__INWcE"><input hidden="" type="radio" value="5"/><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 class="text-14 font-medium text-dark-gray">5.0 (43 reviews)</div></div></div><ul class="relative flex flex-row gap-2 rounded-lg bg-gray-50 p-1"><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray bg-white shadow-sm !text-dark-gray" data-test="navigator-tab-overview">Overview</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-reviews">Reviews</li><li class="z-[6] cursor-pointer rounded-lg px-3 py-2 text-sm font-semibold text-light-gray transition-all duration-300 hover:text-dark-gray" data-test="navigator-tab-launches">Launches</li><div class="absolute z-[5] h-9 rounded-lg bg-white shadow-md" style="width:0;height:0;left:0;transition:left 0.3s, width 0.01s"></div></ul><p class="text-14 font-normal text-dark-gray"></p><a class="flex flex-row justify-start gap-4 overflow-x-scroll" target="_blank" href="/products/styles-new-from-craft-and-invision-labs"><img loading="lazy" srcSet="https://ph-files.imgix.net/2587accf-ca65-4e22-8e05-bb84a222877e.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/2587accf-ca65-4e22-8e05-bb84a222877e.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/2587accf-ca65-4e22-8e05-bb84a222877e.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/2587accf-ca65-4e22-8e05-bb84a222877e.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="Styles, new from Craft and InVision Labs media 1" class="!md:w-full rounded-lg" data-test="image-2587accf-ca65-4e22-8e05-bb84a222877e.png"/><img loading="lazy" srcSet="https://ph-files.imgix.net/1ef66974-d8e8-4737-b136-12348db9219c.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/1ef66974-d8e8-4737-b136-12348db9219c.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/1ef66974-d8e8-4737-b136-12348db9219c.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/1ef66974-d8e8-4737-b136-12348db9219c.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="Styles, new from Craft and InVision Labs media 2" class="!md:w-full rounded-lg" data-test="image-1ef66974-d8e8-4737-b136-12348db9219c.png"/><img loading="lazy" srcSet="https://ph-files.imgix.net/5c05624e-f267-4c89-b3ad-8726d3bbb807.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=1 1x, https://ph-files.imgix.net/5c05624e-f267-4c89-b3ad-8726d3bbb807.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=2 2x, https://ph-files.imgix.net/5c05624e-f267-4c89-b3ad-8726d3bbb807.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/5c05624e-f267-4c89-b3ad-8726d3bbb807.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop" style="width:234px;height:140px" alt="Styles, new from Craft and InVision Labs media 3" class="!md:w-full rounded-lg" data-test="image-5c05624e-f267-4c89-b3ad-8726d3bbb807.png"/></a><div class="flex flex-row flex-wrap items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" class="size-4"><path stroke="#667085" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.25 6.417-4.43-4.43c-.303-.303-.454-.454-.63-.562a1.8 1.8 0 0 0-.506-.21c-.202-.048-.416-.048-.844-.048H3.5M1.75 5.075v1.152c0 .285 0 .428.032.562q.044.18.14.338c.072.117.173.218.375.42l4.55 4.55c.462.462.693.693.96.78.233.076.486.076.72 0 .267-.087.498-.318.96-.78l1.443-1.443c.462-.462.693-.693.78-.96a1.17 1.17 0 0 0 0-.72c-.087-.267-.318-.498-.78-.96L6.672 3.755c-.202-.201-.303-.302-.42-.374a1.2 1.2 0 0 0-.338-.14c-.134-.032-.277-.032-.562-.032H3.617c-.654 0-.98 0-1.23.127-.22.112-.398.29-.51.51-.127.25-.127.576-.127 1.23"></path></svg><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/design-resources">Design resources</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/interface-design-tools">Interface design tools</a><span class="relative -top-px text-12 text-light-gray opacity-45">•</span><a class="text-14 font-normal text-dark-gray hover:text-blue" href="/categories/figma-plugins">Figma Plugins</a></div><div class="flex flex-row gap-2 sm:gap-4"><a target="_blank" class="styles_reset__0clCw styles_button__BmLM4 styles_secondary__zB2Yb w-full !rounded-lg sm:max-w-24" href="/products/styles-new-from-craft-and-invision-labs">View Details</a></div></div></section><button type="button" class="styles_reset__0clCw styles_button__BmLM4 styles_full__j4aVK !rounded-lg">See more products</button></div></main><aside class="styles_sidebar__e9RX0 styles_right__N5KnM"><div class="mb-8 flex flex-col gap-4"><div class="text-18 font-semibold text-dark-gray">More in Product add-ons</div><div class="flex flex-col gap-8"><ul class="flex list-none flex-col gap-2"><li><a class="text-14 font-medium text-dark-gray hover:text-blue" target="_blank" href="/categories/chrome-extensions">Chrome Extensions</a></li><li><a class="text-14 font-medium text-blue hover:text-blue" target="_blank" href="/categories/figma-plugins">Figma Plugins</a></li><li><a class="text-14 font-medium text-dark-gray hover:text-blue" target="_blank" href="/categories/figma-templates">Figma Templates</a></li><li><a class="text-14 font-medium text-dark-gray hover:text-blue" target="_blank" href="/categories/notion-templates">Notion Templates</a></li><li><a class="text-14 font-medium text-dark-gray hover:text-blue" target="_blank" href="/categories/slack-apps">Slack apps</a></li><li><a class="text-14 font-medium text-dark-gray hover:text-blue" target="_blank" href="/categories/twitter-apps">Twitter apps</a></li><li><a class="text-14 font-medium text-dark-gray hover:text-blue" target="_blank" href="/categories/wordpress-plugins">Wordpress Plugins</a></li><li><a class="text-14 font-medium text-dark-gray hover:text-blue" target="_blank" href="/categories/wordpress-themes">Wordpress themes</a></li></ul></div></div></aside></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-30778d936fdefa2e.js" async=""></script><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/57771a7998c11784.css\",\"style\"]\n2:HL[\"/_next/static/css/1ea9739f23a3b69e.css\",\"style\"]\n3:HL[\"/_next/static/css/38f7d385ab6d9f22.css\",\"style\"]\n4:HL[\"/_next/static/css/33ee5e80f001fd95.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/ed9422aabbfb75da.css\",\"style\"]\n9:HL[\"/_next/static/css/29af2b0ddd9c4ebc.css\",\"style\"]\na:HL[\"/_next/static/css/5a2cbe5273a2da57.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"b:I[95751,[],\"\"]\nd:I[63205,[\"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\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"18489\",\"static/chunks/18489-27cb2cd16662f495.js\",\"65777\",\"static/chunks/65777-3de4ee3a8101d13d.js\",\"49867\",\"static/chunks/49867-5b86855fe20a0bf3.js\",\"50570\",\"static/chunks/50570-f5cbfddf7e09b62f.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"85253\",\"static/chunks/85253-f8be5dd1b3c0f4dd.js\",\"86996\",\"static/chunks/86996-f19689892afa988b.js\",\"37668\",\"static/chunks/37668-bf16c1222198f527.js\",\"79433\",\"static/chunks/app/(main)/categories/%5Bslug%5D/page-3af361b91833ba99.js\"],\"default\"]\ne:I[39275,[],\"\"]\n10:I[61343,[],\"\"]\n11:I[73200,[\"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\",\"65777\",\"static/chunks/65777-3de4ee3a8101d13d.js\",\"50634\",\"static/chunks/50634-a6b23532a6b29b55.js\",\"50570\",\"static/chunks/50570-f5cbfddf7e09b62f.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"63761\",\"static/chunks/63761-17f7fa9792e0fc0c.js\",\"2934\",\"static/chunks/2934-40203c6037aa8cbb.js\",\"86996\",\"static/chunks/86996-f1968989"])</script><script>self.__next_f.push([1,"2afa988b.js\",\"4095\",\"static/chunks/app/(main)/layout-35d187729779b08c.js\"],\"default\",1]\n12:I[64417,[\"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\",\"74468\",\"static/chunks/74468-913b2d3a1cd26fb3.js\",\"50570\",\"static/chunks/50570-f5cbfddf7e09b62f.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"86883\",\"static/chunks/app/(main)/not-found-50ae68819c421045.js\"],\"default\"]\n13: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-f5cbfddf7e09b62f.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"63185\",\"static/chunks/app/layout-8129646ff22b7671.js\"],\"AppRouter\"]\n14: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-f5cbfddf7e09b62f.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"63185\",\"static/chunks/app/layout-8129646ff22b7671.js\"],\"UserAgentProvider\"]\n15:I[39342,[\"53877\",\"static/chunks/53877-51c4a285eb192e"])</script><script>self.__next_f.push([1,"f0.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-f5cbfddf7e09b62f.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"63185\",\"static/chunks/app/layout-8129646ff22b7671.js\"],\"NavigationProgressProvider\"]\n16: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-f5cbfddf7e09b62f.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"63185\",\"static/chunks/app/layout-8129646ff22b7671.js\"],\"default\"]\n17: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-ed869996799e05ab.js\"],\"default\"]\n18: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/87620-cdf22e9"])</script><script>self.__next_f.push([1,"4cf823402.js\",\"17436\",\"static/chunks/17436-7d847d18b236a58e.js\",\"50570\",\"static/chunks/50570-f5cbfddf7e09b62f.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"63185\",\"static/chunks/app/layout-8129646ff22b7671.js\"],\"ErrorBoundary\"]\n19: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-f5cbfddf7e09b62f.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"63185\",\"static/chunks/app/layout-8129646ff22b7671.js\"],\"\"]\n1b: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-f5cbfddf7e09b62f.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"63185\",\"static/chunks/app/layout-8129646ff22b7671.js\"],\"GoogleAnalytics\"]\n1c: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-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"static/chunks/87620-cdf22e94cf823402."])</script><script>self.__next_f.push([1,"js\",\"17436\",\"static/chunks/17436-7d847d18b236a58e.js\",\"50570\",\"static/chunks/50570-f5cbfddf7e09b62f.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"63185\",\"static/chunks/app/layout-8129646ff22b7671.js\"],\"GoogleTagManager\"]\n1e: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-f5cbfddf7e09b62f.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"16470\",\"static/chunks/app/global-error-00a3da7293b47179.js\"],\"default\"]\nf:[\"slug\",\"figma-plugins\",\"d\"]\n1a: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._loadOptions=e};analytics._writeKey=\"dtyjquswuq\";analytics.SNIPPET_VERSION=\"4.15.2\";\n analytics.load(\"dtyjquswuq\");\n }}();\n1f:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$Lb\",null,{\"buildId\":\"l9sZ2vWCchglR6V72Xf_D\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"categories\",\"figma-plugins\"],\"initialTree\":[\"\",{\"children\":[\"(main)\",{\"children\":[\"categories\",{\"children\":[[\"slug\",\"figma-plugins\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"(main)\",{\"children\":[\"categories\",{\"children\":[[\"slug\",\"figma-plugins\",\"d\"],{\"children\":[\"__PAGE__\",{},[[\"$Lc\",[\"$\",\"$Ld\",null,{}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/29af2b0ddd9c4ebc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5a2cbe5273a2da57.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[null,[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(main)\",\"children\",\"categories\",\"children\",\"$f\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L10\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[null,[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(main)\",\"children\",\"categories\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L10\",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/ed9422aabbfb75da.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"$L11\",null,{\"children\":[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(main)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L10\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"$L12\",null,{\"code\":404}],\"notFoundStyles\":[]}],\"params\":{}}]],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/57771a7998c11784.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/38f7d385ab6d9f22.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/33ee5e80f001fd95.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\"}],[\"$\",\"link\",null,{\"rel\":\"search\",\"type\":\"application/opensearchdescription+xml\",\"title\":\"ProductHunt\",\"href\":\"/osd.xml\"}]]}],[\"$\",\"body\",null,{\"className\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"id\":\"root-container\",\"children\":[\"$\",\"$L13\",null,{\"children\":[\"$\",\"$L14\",null,{\"userAgent\":\"$undefined\",\"children\":[\"$\",\"$L15\",null,{\"children\":[\"$\",\"$L16\",null,{\"ApolloWrapper\":\"$17\",\"serverSideRendered\":true,\"children\":[\"$\",\"$L18\",null,{\"children\":[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L10\",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\"}],[[\"$\",\"$L19\",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\"}}],[\"$\",\"$L19\",null,{\"id\":\"segment\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"$1a\"}}],false,[[\"$\",\"$L1b\",null,{\"gaId\":\"G-WZ46833KH9\"}],[\"$\",\"$L1c\",null,{\"gtmId\":\"G-WZ46833KH9\"}]]]]}]]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L1d\"],\"globalErrorComponent\":\"$1e\",\"missingSlots\":\"$W1f\"}]\n"])</script><script>self.__next_f.push([1,"1d:[[\"$\",\"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\":\" The best Figma plugins to use in 2024 | Product Hunt\"}],[\"$\",\"meta\",\"4\",{\"name\":\"description\",\"content\":\"Figma plugins are like superpowers for your design workflow. They are small add-ons that extend the functionality of the Figma design tool and help you work more efficiently and creatively.\"}],[\"$\",\"link\",\"5\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"use-credentials\"}],[\"$\",\"meta\",\"6\",{\"name\":\"fb:app_id\",\"content\":\"1467820943460899\"}],[\"$\",\"link\",\"7\",{\"rel\":\"alternate\",\"type\":\"application/atom+xml\",\"title\":\"Product Hunt - All newest Products\",\"href\":\"https://www.producthunt.com/feed\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:title\",\"content\":\" The best Figma plugins to use in 2024 | Product Hunt\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:description\",\"content\":\"Figma plugins are like superpowers for your design workflow. They are small add-ons that extend the functionality of the Figma design tool and help you work more efficiently and creatively.\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:url\",\"content\":\"https://www.producthunt.com/categories/figma-plugins\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:site_name\",\"content\":\"Product Hunt\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image\",\"content\":\"https://api.url2png.com/v6/P5329C1FA0ECB6/00ea2d24ece79b1c3960551d9da7dec4/png/?say_cheese=true\u0026ttl=31536000\u0026unique=85bccce7fd1327711e91d0d98873be6b\u0026url=https%3A%2F%2Fproducthunt.com%2Fshareable_image%2Fproducts_category%2F200\u0026viewport=1200x628\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:site\",\"content\":\"@producthunt\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:creator\",\"content\":\"@producthunt\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:title\",\"content\":\" The best Figma plugins to use in 2024 | Product Hunt\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:description\",\"content\":\"Figma plugins are like superpowers for your design workflow. They are small add-ons that extend the functionality of the Figma design tool and help you work more efficiently and creatively.\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:image\",\"content\":\"https://api.url2png.com/v6/P5329C1FA0ECB6/00ea2d24ece79b1c3960551d9da7dec4/png/?say_cheese=true\u0026ttl=31536000\u0026unique=85bccce7fd1327711e91d0d98873be6b\u0026url=https%3A%2F%2Fproducthunt.com%2Fshareable_image%2Fproducts_category%2F200\u0026viewport=1200x628\"}],[\"$\",\"link\",\"21\",{\"rel\":\"icon\",\"href\":\"https://ph-static.imgix.net/ph-favicon-brand-500.ico?auto=format\"}],[\"$\",\"link\",\"22\",{\"rel\":\"apple-touch-icon-precomposed\",\"href\":\"https://ph-static.imgix.net/ph-ios-icon.png?auto=format\"}],[\"$\",\"link\",\"23\",{\"rel\":\"chrome-webstore-item\",\"href\":\"https://producthunt.app.link/extension\"}]]\n"])</script><script>self.__next_f.push([1,"c:null\n"])</script></body></html>