[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-ux-pin-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":46,"alternatives-ux-pin-en-US":114,"related-resources-ux-pin-en-US":175},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":15,"pros":19,"cons":24,"best_for":27,"cover":28,"icon":29,"pricing":30,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":31,"views_count":33,"featured_rank":10,"categories":34,"tags":42,"files":10},13,"UXPin","ux-pin","https:\u002F\u002Fwww.uxpin.com\u002F","2025-11-11T07:17:17.478+00:00",null,"Where Design Meets Code","UXPin is an advanced design tool that establishes a single source of truth between design and development. Its groundbreaking \"Merge\" technology allows designers to use real front-end code components directly within the design environment.\nCode-Powered Design (Merge Tech): Sync React\u002FVue components directly from a Git repository or Storybook. Designers use the exact same components developers use in production, eliminating any drift between design and implementation.\nUltimate High-Fidelity Prototypes: Because prototypes are built with real code, they aren't just clickable—they are fully interactive. All states, data, and logic are identical to the final product, achieving unparalleled fidelity.\nBuilt-in Accessibility & Design Systems: It offers robust tools for managing design systems and includes built-in accessibility checkers, ensuring designs are compliant and inclusive from the very beginning.\nUXPin is engineered for mature product teams seeking ultimate consistency and efficiency. By bridging the gap between design and code, it fundamentally solves the design handoff problem, making it a powerful engine for building scalable, high-quality digital products.",{"title":14,"description":11},"UXPin - Where Design Meets Code | DesignToolMark",[16,17,18],"Code-Powered Design (Merge Tech): Sync React\u002FVue components directly from a Git repository or Storybook. Designers use the exact same components developers use in production, eliminating any drift between design and implementation.","Ultimate High-Fidelity Prototypes: Because prototypes are built with real code, they aren't just clickable—they are fully interactive. All states, data, and logic are identical to the final product, achieving unparalleled fidelity.","Built-in Accessibility & Design Systems: It offers robust tools for managing design systems and includes built-in accessibility checkers, ensuring designs are compliant and inclusive from the very beginning.",[20,21,22,23],"Real-time collaboration","Comprehensive design system","Frontend-ready components","Interactive prototyping",[25,26],"May require design experience","Advanced interactions need coding","UXPin is engineered for mature product teams seeking ultimate consistency and efficiency. By bridging the gap between design and code, it fundamentally solves the design handoff problem, making it a powerful engine for building scalable, high-quality digital products.","2a1ae940-4920-4b01-8165-6e37f7f7a643.webp","f4dfb7c0-4c7e-4ef2-873e-bdb1b3bd7dd7.svg","freemium",{"pro":10,"free":3,"note":32},"Free tier available, premium features paid",0,[35],{"name":36,"slug":37,"sub_categories":38},"Design Tools","design-tools",[39],{"name":40,"slug":41},"UI\u002FUX & Prototyping","uiux-prototyping",[43],{"name":44,"slug":45},"Prototyping","prototyping",[47,71,86,100],{"id":48,"url":49,"icon":10,"name":50,"slug":51,"tags":52,"cover":67,"tagline":68,"is_featured":69,"date_created":70,"date_updated":10},655,"https:\u002F\u002Fopen-design.ai","Open Design","open-design",[53,56,59,62,63,65],{"seo":10,"name":54,"slug":55},"Open Source","open-source",{"seo":10,"name":57,"slug":58},"AI Powered","ai-powered",{"seo":10,"name":60,"slug":61},"Free","free",{"seo":10,"name":10,"slug":45},{"seo":10,"name":10,"slug":64},"design-systems",{"seo":10,"name":10,"slug":66},"collaboration","1edab12d-ffea-44f3-9321-f7b5c6a644d1.webp","Open-source AI design workspace powered by your coding agent",false,"2026-06-17T05:53:49.597055+00:00",{"id":72,"url":73,"icon":10,"name":74,"slug":75,"tags":76,"cover":82,"tagline":83,"is_featured":10,"date_created":84,"date_updated":85},651,"https:\u002F\u002Fwww.tldraw.com","Tldraw","tldraw",[77,78,79,81],{"seo":10,"name":54,"slug":55},{"seo":10,"name":10,"slug":66},{"seo":10,"name":10,"slug":80},"svg",{"seo":10,"name":10,"slug":45},"cae98357-81a5-4801-b262-3a5d4babc15a.webp","Open-source infinite canvas for drawing and whiteboarding — build collaborative visual tools","2026-06-16T07:17:01.342546+00:00","2026-06-17T05:22:52.72+00:00",{"id":87,"url":88,"icon":10,"name":89,"slug":90,"tags":91,"cover":96,"tagline":97,"is_featured":10,"date_created":98,"date_updated":99},645,"https:\u002F\u002Fclarity.microsoft.com","Microsoft Clarity","microsoft-clarity",[92,94,95],{"seo":10,"name":10,"slug":93},"user-research",{"seo":10,"name":10,"slug":66},{"seo":10,"name":60,"slug":61},"79cf7ab9-2cd6-4c68-8b1f-dcea2d59a8f4.webp","Free session recordings and heatmaps — understand user behavior at scale, no usage limits","2026-06-16T07:16:49.282469+00:00","2026-06-17T05:19:04.363+00:00",{"id":101,"url":102,"icon":10,"name":103,"slug":104,"tags":105,"cover":110,"tagline":111,"is_featured":3,"date_created":112,"date_updated":113},633,"https:\u002F\u002Fclaude.ai\u002Fdesign","Claude Design","claude-design",[106,107,108],{"seo":10,"name":57,"slug":58},{"seo":10,"name":10,"slug":45},{"seo":10,"name":10,"slug":109},"no-code","d2e86b52-7c6c-4ae9-b224-eca4f807567d.webp","Anthropic's AI-native design studio — turn prompts into prototypes, slides, and one-pagers with Claude Opus 4.7","2026-06-16T07:14:15.089213+00:00","2026-06-17T04:32:25.62+00:00",[115,121,127,133,139,145,151,157,163,169],{"url":116,"name":117,"slug":118,"cover":119,"tagline":120},"https:\u002F\u002Fwww.sketch.com\u002F","Sketch","sketch","6383ef6c-d232-43ce-9cc9-a7d13269afad.webp","Sketch is a toolkit made by designers, for designers, that puts the focus on you and your work.",{"url":122,"name":123,"slug":124,"cover":125,"tagline":126},"https:\u002F\u002Fpenpot.app\u002F","Penpot","penpot","c920229f-e177-4436-af83-49746991ca30.webp","The Open-Source Design Platform Built for Freedom",{"url":128,"name":129,"slug":130,"cover":131,"tagline":132},"https:\u002F\u002Ficons8.com\u002Flunacy","Lunacy","lunacy","8af74624-de14-4b8a-9709-02cd9fc8aa42.webp","The Ultimate Free Design",{"url":134,"name":135,"slug":136,"cover":137,"tagline":138},"https:\u002F\u002Fwww.justinmind.com\u002F","Justinmind","justinmind","963e71c4-1952-44d8-821e-2cd94e5e1e7d.webp","Prototyping for Enterprise Applications",{"url":140,"name":141,"slug":142,"cover":143,"tagline":144},"https:\u002F\u002Forigami.design\u002F","Origami Studio","origami-studio","f3ee1877-9a69-446a-846e-e01d4443d902.webp","The Tool for Ultimate Native Prototyping",{"url":146,"name":147,"slug":148,"cover":149,"tagline":150},"https:\u002F\u002Fpixso.net\u002F","Pixso","pixso","cf2e5cd0-e4c0-41ad-b4bb-f14d073210e3.webp","The Next-Generation Collaborative Design Platform",{"url":152,"name":153,"slug":154,"cover":155,"tagline":156},"https:\u002F\u002Fwebflow.com\u002F","Webflow","webflow","a7742716-6739-4899-af15-f27379fa759c.webp","The No-Code Platform to Build for the Web",{"url":158,"name":159,"slug":160,"cover":161,"tagline":162},"https:\u002F\u002Fwww.framer.com\u002F","Framer","framer","894d692d-8bec-40e2-a946-be01ac1b8914.webp","The Web Design and Publishing Tool",{"url":164,"name":165,"slug":166,"cover":167,"tagline":168},"https:\u002F\u002Fadobexdplatform.com\u002F","Adobe XD","adobe-xd","8ca18f10-8519-4712-abed-a4021f8ec119.webp","The All-in-One UI\u002FUX Design Tool",{"url":170,"name":171,"slug":172,"cover":173,"tagline":174},"https:\u002F\u002Fwww.protopie.io\u002F","ProtoPie","proto-pie","cea506f4-f44b-4136-8a78-9393130d44fc.webp","The High-Fidelity Interaction Prototyping Tool",[176,188,201],{"url":177,"icon":10,"name":178,"slug":179,"tags":180,"cover":185,"tagline":186,"is_featured":3,"date_created":187,"date_updated":10},"https:\u002F\u002Flinear.app","Linear","linear-app",[181,182,183],{"seo":10,"name":10,"slug":66},{"seo":10,"name":10,"slug":45},{"seo":10,"name":184,"slug":30},"Freemium","7dc9bed7-8510-495f-82b3-84a60b1b4819.webp","Fast, streamlined issue tracking and project management — built for modern product teams","2026-06-16T07:18:11.23048+00:00",{"url":189,"icon":10,"name":190,"slug":191,"tags":192,"cover":198,"tagline":199,"is_featured":3,"date_created":200,"date_updated":10},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[193,194,195,197],{"seo":10,"name":60,"slug":61},{"seo":10,"name":54,"slug":55},{"seo":10,"name":10,"slug":196},"image-editing",{"seo":10,"name":10,"slug":80},"9f4321c5-7770-4e9d-a434-774fc0698c90.webp","The free and open-source image editor — a powerful Photoshop alternative for photo retouching and image composition","2026-06-16T07:16:45.154035+00:00",{"url":202,"icon":10,"name":203,"slug":204,"tags":205,"cover":211,"tagline":212,"is_featured":3,"date_created":213,"date_updated":10},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[206,208,209,210],{"seo":10,"name":10,"slug":207},"wireframe",{"seo":10,"name":10,"slug":45},{"seo":10,"name":10,"slug":66},{"seo":10,"name":184,"slug":30},"3d08be4f-39f6-4152-a769-e28d1a04aac2.webp","Fast, focused wireframing tool that keeps conversations on structure — not pixels","2026-06-16T07:14:07.685566+00:00"]