[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-flareum-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":57,"alternatives-flareum-en-US":133,"related-resources-flareum-en-US":164},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":24,"cons":30,"best_for":35,"cover":36,"icon":9,"pricing":37,"platform":38,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":41,"views_count":43,"featured_rank":9,"categories":44,"tags":49,"files":9},832,"Flareum","flareum","https:\u002F\u002Fflareum.io\u002F",null,"Design system builder that syncs Figma and code","Flareum is a design system builder that helps design teams maintain a single source of truth for colors, typography, grids, and design tokens. It creates a synchronized workflow between Figma designs and production code, ensuring consistency across your entire product.\n\nThe platform features intelligent color palette generation with automated tint and shade creation, math-based typography scaling with support for Adobe Fonts and Google Fonts, grid systems tied to baseline, and seamless Figma plugin integration. A single change in Flareum propagates automatically to all connected Figma files and code repositories.\n\nWith Flareum, design teams can generate a complete guidebook, maintain CSS\u002FSCSS code output, and ensure that designers and developers are always working from the same design tokens.",{"title":13,"meta_description":14},"Flareum — Design system builder that syncs Figma and code","Flareum is a design system builder that helps design teams maintain a single source of truth for colors, typography, grids, and design tokens. It creates a s...",[16,17,18,19,20,21,22,23],"Centralized design system with colors, typography, and grids","Intelligent tint\u002Fshade generation for color palettes","Math-based typography scaling with ratio curves","Adobe Fonts and Google Fonts integration","Grid system tied to text baseline for vertical rhythm","Seamless Figma plugin for one-click sync","CSS\u002FSCSS code export for developers","Guidebook generation for team documentation",[25,26,27,28,29],"Single source of truth for design tokens","Fig designs and code stay in sync","Smart color palette generation","Typography scaling with mathematical precision","Figma plugin for easy integration",[31,32,33,34],"Figma ecosystem only","Learning curve for design token concepts","Limited to web\u002FUI design systems","Team features require paid plan","Best for design teams who want to maintain a synchronized design system between Figma and production code","7ce196b0-b5f3-49d4-ba83-cdff08424942.webp","freemium",[39,40],"Web","Figma",{"pro":3,"free":3,"note":42},"Free tier with basic features, paid for team collaboration",0,[45],{"name":46,"slug":47,"sub_categories":48},"Design Systems","design-systems",[],[50,51,54],{"name":46,"slug":47},{"name":52,"slug":53},"Figma File","figma-file",{"name":55,"slug":56},"Collaboration","collaboration",[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":47},"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":37},"Freemium",{"seo":9,"name":9,"slug":74},{"seo":9,"name":9,"slug":47},{"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],{"url":135,"name":136,"slug":137,"cover":138,"tagline":139},"https:\u002F\u002Fspecifyapp.com","Specify","specify","ac2bb029-95df-4617-97ca-6051f5dccfc1.webp","Design token platform that pushes your design decisions to code — automatically",{"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\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":153,"name":154,"slug":155,"cover":156,"tagline":157},"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":159,"name":160,"slug":161,"cover":162,"tagline":163},"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.",[165,173,184],{"url":60,"icon":9,"name":61,"slug":62,"tags":166,"cover":76,"tagline":77,"is_featured":78,"date_created":79,"date_updated":9},[167,168,169,170,171,172],{"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":47},{"url":110,"icon":9,"name":111,"slug":112,"tags":174,"cover":130,"tagline":131,"is_featured":78,"date_created":132,"date_updated":9},[175,176,177,178,179,180,181,182,183],{"seo":9,"name":115,"slug":116},{"seo":9,"name":9,"slug":118},{"seo":9,"name":65,"slug":66},{"seo":9,"name":121,"slug":37},{"seo":9,"name":9,"slug":74},{"seo":9,"name":9,"slug":47},{"seo":9,"name":9,"slug":125},{"seo":9,"name":9,"slug":127},{"seo":9,"name":9,"slug":129},{"url":141,"icon":9,"name":142,"slug":143,"tags":185,"cover":144,"tagline":145,"is_featured":9,"date_created":192,"date_updated":9},[186,187,188,189,191],{"seo":9,"name":9,"slug":47},{"seo":9,"name":9,"slug":56},{"seo":9,"name":9,"slug":125},{"seo":9,"name":9,"slug":190},"design-handoff",{"seo":9,"name":9,"slug":53},"2026-06-16T07:16:42.647437+00:00"]