[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-specify-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":57,"alternatives-specify-en-US":133,"related-resources-specify-en-US":176},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":23,"cons":29,"best_for":34,"cover":35,"icon":9,"pricing":36,"platform":37,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":39,"views_count":41,"featured_rank":9,"categories":42,"tags":47,"files":9},635,"Specify","specify","https:\u002F\u002Fspecifyapp.com",null,"Design token platform that pushes your design decisions to code — automatically","Specify is a design token platform that bridges the gap between design and development. It extracts design tokens from Figma, translates them into platform-specific code, and pushes them directly to GitHub or any code repository. Supports CSS, Tailwind CSS, SCSS, iOS (Swift), Android (Kotlin), Flutter, and React Native formats. Features include token collections, automated exports, theme management, version control, and team collaboration. Works as a Figma plugin for seamless design-to-code handoff.",{"title":13,"meta_description":14},"Specify - Design token platform that pushes your design decisions to code — automatically | DesignToolMark","Specify is a design token platform that bridges the gap between design and development. It extracts design tokens from Figma, translates them into platformsp...",[16,17,18,19,20,21,22],"Design token extraction from Figma","Multi-format code export (CSS, Tailwind, Swift, Kotlin, etc.)","Automatic GitHub\u002FGit sync","Theme and brand variant management","Version history and rollback","Figma plugin integration","Team collaboration workspaces",[24,25,26,27,28],"Automated design token to code pipeline","Supports major platform formats","Version controlled token history","Clean separation of design and engineering","Reduces handoff friction",[30,31,32,33],"Requires Figma for token extraction","Learning curve for token structure","Free plan has token limits","Limited design tool integrations beyond Figma","Design system teams who want to automate token handoff from Figma to production code across multiple platforms.","ac2bb029-95df-4617-97ca-6051f5dccfc1.webp","freemium",[38],"Web",{"pro":3,"free":3,"note":40,"team":3},"Free plan available; Pro from $19\u002Fmo",0,[43],{"name":44,"slug":45,"sub_categories":46},"Design Systems","design-systems",[],[48,51,54],{"name":49,"slug":50},"Collaboration","collaboration",{"name":52,"slug":53},"Version Control","version-control",{"name":55,"slug":56},"Design Handoff","design-handoff",[58,80,95,108],{"id":59,"url":60,"icon":9,"name":61,"slug":62,"tags":63,"cover":76,"tagline":77,"is_featured":78,"date_created":79,"date_updated":9},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[64,67,69,71,73,75],{"seo":9,"name":65,"slug":66},"Free","free",{"seo":9,"name":9,"slug":68},"fonts",{"seo":9,"name":9,"slug":70},"icons",{"seo":9,"name":9,"slug":72},"mockups",{"seo":9,"name":9,"slug":74},"ui-kits",{"seo":9,"name":9,"slug":45},"39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools",false,"2026-07-16T01:44:01.585569+00:00",{"id":81,"url":82,"icon":9,"name":83,"slug":84,"tags":85,"cover":92,"tagline":93,"is_featured":78,"date_created":94,"date_updated":9},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[86,87,90],{"seo":9,"name":65,"slug":66},{"seo":9,"name":88,"slug":89},"Open Source","open-source",{"seo":9,"name":9,"slug":91},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":96,"url":97,"icon":9,"name":98,"slug":99,"tags":100,"cover":105,"tagline":106,"is_featured":78,"date_created":107,"date_updated":9},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[101,102,103],{"seo":9,"name":65,"slug":66},{"seo":9,"name":9,"slug":74},{"seo":9,"name":9,"slug":104},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":109,"url":110,"icon":9,"name":111,"slug":112,"tags":113,"cover":130,"tagline":131,"is_featured":78,"date_created":132,"date_updated":9},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[114,117,119,120,122,123,124,126,128],{"seo":9,"name":115,"slug":116},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":118},"ai",{"seo":9,"name":65,"slug":66},{"seo":9,"name":121,"slug":36},"Freemium",{"seo":9,"name":9,"slug":74},{"seo":9,"name":9,"slug":45},{"seo":9,"name":9,"slug":125},"prototyping",{"seo":9,"name":9,"slug":127},"no-code",{"seo":9,"name":9,"slug":129},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[134,140,146,152,158,164,170],{"url":135,"name":136,"slug":137,"cover":138,"tagline":139},"https:\u002F\u002Fflareum.io\u002F","Flareum","flareum","7ce196b0-b5f3-49d4-ba83-cdff08424942.webp","Design system builder that syncs Figma and code",{"url":141,"name":142,"slug":143,"cover":144,"tagline":145},"https:\u002F\u002Fzeroheight.com","Zeroheight","zeroheight","8f4828c0-3236-44df-9cce-4b74ad2700f7.webp","Living design system documentation — connect Figma to code with interactive docs",{"url":147,"name":148,"slug":149,"cover":150,"tagline":151},"https:\u002F\u002Fstyleguide.vtex.com\u002F","VTEX Design System","vtex-design-system","b2fa2e34-36b4-4244-9e34-5a995cca96ed.webp","open-source framework for consistent, accessible e-commerce interfaces.",{"url":153,"name":154,"slug":155,"cover":156,"tagline":157},"https:\u002F\u002Fvaadin.com\u002Fdesign-system","Vaadin Design System","vaadin-design-system","1896dffa-4fa6-4de0-b0a3-a4418d7e1865.webp","open-source framework for consistent, accessible enterprise web apps with web components.",{"url":159,"name":160,"slug":161,"cover":162,"tagline":163},"https:\u002F\u002Fvibe.monday.com\u002F","Vibe Design System","vibe-design-system","dd832223-6926-4f37-8bd9-2bf392483972.webp","monday.com's open-source design system for consistent, accessible work management interfaces.",{"url":165,"name":166,"slug":167,"cover":168,"tagline":169},"https:\u002F\u002Fwww.figma.com\u002F@holaluzdesign","Watt Design System","watt-design-system","eb4ad657-8eef-4e17-a931-acd12dcec1cd.webp","Holaluz's Figma-based UI kit for consistent, accessible renewable energy interfaces.",{"url":171,"name":172,"slug":173,"cover":174,"tagline":175},"https:\u002F\u002Fa2ui.org\u002F","A2UI","a2-ui","573cf97b-b61e-4e5b-b494-c0a0a00c861e.webp","open-source protocol for AI agents to generate secure, declarative UIs across platforms.",[177,185,196],{"url":60,"icon":9,"name":61,"slug":62,"tags":178,"cover":76,"tagline":77,"is_featured":78,"date_created":79,"date_updated":9},[179,180,181,182,183,184],{"seo":9,"name":65,"slug":66},{"seo":9,"name":9,"slug":68},{"seo":9,"name":9,"slug":70},{"seo":9,"name":9,"slug":72},{"seo":9,"name":9,"slug":74},{"seo":9,"name":9,"slug":45},{"url":110,"icon":9,"name":111,"slug":112,"tags":186,"cover":130,"tagline":131,"is_featured":78,"date_created":132,"date_updated":9},[187,188,189,190,191,192,193,194,195],{"seo":9,"name":115,"slug":116},{"seo":9,"name":9,"slug":118},{"seo":9,"name":65,"slug":66},{"seo":9,"name":121,"slug":36},{"seo":9,"name":9,"slug":74},{"seo":9,"name":9,"slug":45},{"seo":9,"name":9,"slug":125},{"seo":9,"name":9,"slug":127},{"seo":9,"name":9,"slug":129},{"url":135,"icon":9,"name":136,"slug":137,"tags":197,"cover":138,"tagline":139,"is_featured":78,"date_created":202,"date_updated":9},[198,199,201],{"seo":9,"name":9,"slug":45},{"seo":9,"name":9,"slug":200},"figma-file",{"seo":9,"name":9,"slug":50},"2026-06-23T12:06:17.661232+00:00"]