[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-friday-design-system-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":49,"alternatives-friday-design-system-en-US":124,"related-resources-friday-design-system-en-US":185},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":20,"cons":25,"best_for":28,"cover":29,"icon":30,"pricing":31,"platform":32,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":34,"views_count":35,"featured_rank":9,"categories":36,"tags":41,"files":45},446,"Friday Design System","friday-design-system","https:\u002F\u002Fmobilelive.ai\u002Ffriday-design-system",null,"open-source Figma UI kit for rapid prototyping with customizable components.","Friday Design System is a free, open-source Figma community file offering a comprehensive UI kit for designers to prototype modern web and mobile interfaces quickly. It includes hundreds of reusable components like buttons, forms, navigation, cards, tables, and modals with variants for states, themes, and auto-layout support. Ideal for startups, freelancers, and teams needing a flexible starting point without building from scratch, it emphasizes clean aesthetics and ease of customization.\nComponent Library: 500+ elements with variants for light\u002Fdark modes and responsive designs.\nAuto-Layout & Variables: Full support for Figma's modern features for scalable prototyping.\nStyle Guide: Colors, typography, icons, and spacing tokens for consistency.\nCommunity-Driven: Regularly updated based on user feedback.",{"title":13,"meta_description":14},"Friday Design System - open-source Figma UI kit for rapid prototyping with customizable components. | DesignToolMark","Friday Design System is a free, opensource Figma community file offering a comprehensive UI kit for designers to prototype modern web and mobile interfaces q...",[16,17,18,19],"Component Library: 500+ elements with variants for light\u002Fdark modes and responsive designs.","Auto-Layout & Variables: Full support for Figma's modern features for scalable prototyping.","Style Guide: Colors, typography, icons, and spacing tokens for consistency.","Community-Driven: Regularly updated based on user feedback.",[21,22,23,24],"Free to use","Open source","Real-time collaboration","Extensive icon library",[26,27],"Adoption requires team alignment","Customization can be complex","Auto-Layout & Variables: Full support for Figma's modern features for scalable prototyping. Style Guide: Colors, typography, icons, and spacing tokens for consistency. Community-Driven: Regularly updated based on user feedback.","868cc299-6f7d-40fb-8de5-5e523df3ba7e.webp","7d4e3b71-8e9b-4f0d-890a-dee8acea69e5.svg","free",[33],"Browser",{"free":3},0,[37],{"name":38,"slug":39,"sub_categories":40},"Design Systems","design-systems",[],[42,44],{"name":43,"slug":31},"Free",{"name":38,"slug":39},[46],{"url":47,"type":48},"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F913828647221574819","figma",[50,70,85,98],{"id":51,"url":52,"icon":9,"name":53,"slug":54,"tags":55,"cover":66,"tagline":67,"is_featured":68,"date_created":69,"date_updated":9},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[56,57,59,61,63,65],{"seo":9,"name":43,"slug":31},{"seo":9,"name":9,"slug":58},"fonts",{"seo":9,"name":9,"slug":60},"icons",{"seo":9,"name":9,"slug":62},"mockups",{"seo":9,"name":9,"slug":64},"ui-kits",{"seo":9,"name":9,"slug":39},"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":71,"url":72,"icon":9,"name":73,"slug":74,"tags":75,"cover":82,"tagline":83,"is_featured":68,"date_created":84,"date_updated":9},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[76,77,80],{"seo":9,"name":43,"slug":31},{"seo":9,"name":78,"slug":79},"Open Source","open-source",{"seo":9,"name":9,"slug":81},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":86,"url":87,"icon":9,"name":88,"slug":89,"tags":90,"cover":95,"tagline":96,"is_featured":68,"date_created":97,"date_updated":9},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[91,92,93],{"seo":9,"name":43,"slug":31},{"seo":9,"name":9,"slug":64},{"seo":9,"name":9,"slug":94},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":99,"url":100,"icon":9,"name":101,"slug":102,"tags":103,"cover":121,"tagline":122,"is_featured":68,"date_created":123,"date_updated":9},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[104,107,109,110,113,114,115,117,119],{"seo":9,"name":105,"slug":106},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":108},"ai",{"seo":9,"name":43,"slug":31},{"seo":9,"name":111,"slug":112},"Freemium","freemium",{"seo":9,"name":9,"slug":64},{"seo":9,"name":9,"slug":39},{"seo":9,"name":9,"slug":116},"prototyping",{"seo":9,"name":9,"slug":118},"no-code",{"seo":9,"name":9,"slug":120},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[125,131,137,143,149,155,161,167,173,179],{"url":126,"name":127,"slug":128,"cover":129,"tagline":130},"https:\u002F\u002Fevergreen.segment.com\u002F","Evergreen","evergreen","083326da-6b7a-4c88-996b-680c0d937ecd.webp","open-source React UI framework by Segment for consistent, accessible enterprise applications.",{"url":132,"name":133,"slug":134,"cover":135,"tagline":136},"https:\u002F\u002Fwww.sap.com\u002Fdesign-system\u002F","SAP Design System","sap-design-system","48829753-db3e-4292-bbf2-1d01f7a58cff.webp","open-source framework for consistent, accessible enterprise UI across SAP products.",{"url":138,"name":139,"slug":140,"cover":141,"tagline":142},"https:\u002F\u002Fflowbite.com\u002F","Flowbite Design System","flowbite-design-system","1fc705b7-2a78-4a13-ae72-b6fbf30933be.webp","open-source Tailwind CSS component library with Figma kit for rapid UI building.",{"url":144,"name":145,"slug":146,"cover":147,"tagline":148},"https:\u002F\u002Ff36.contentful.com\u002F","Forma 36 Design System","forma-36-design-system","96d051e6-00df-499a-8ac3-7c9c54cb0bb5.webp","Contentful's open-source design system for consistent, accessible content management interfaces.",{"url":150,"name":151,"slug":152,"cover":153,"tagline":154},"https:\u002F\u002Fdesign-system.service.gov.uk\u002F","GOV.UK Design System","gov-uk-design-system","232c94f2-e73d-4a66-940b-fb021a39e9c7.webp","official UK government framework for consistent, accessible public service interfaces.",{"url":156,"name":157,"slug":158,"cover":159,"tagline":160},"https:\u002F\u002Fhorizon.servicenow.com\u002F","Horizon Design System","horizon-design-system","1029d4f0-63f9-4111-8f8c-c1d34fddda0a.webp","HashiCorp's open-source design system for consistent, accessible cloud management interfaces.",{"url":162,"name":163,"slug":164,"cover":165,"tagline":166},"https:\u002F\u002Fm3.material.io\u002F","Material Design","material-design","9ac1a8c0-b24f-4e26-abab-f5bbdb080afa.webp","Google's open-source design system for consistent, intuitive interfaces across platforms.",{"url":168,"name":169,"slug":170,"cover":171,"tagline":172},"https:\u002F\u002Flearn.microsoft.com\u002Fen-us\u002Fmicrosoftteams\u002Fplatform\u002Fconcepts\u002Fdesign\u002Fdesign-teams-app-basic-ui-components","Microsoft Teams UI Kit","microsoft-teams-ui-kit","b9783ef1-ff6f-4411-9c33-dde957106821.webp","Figma-based components and templates for designing consistent Teams apps.",{"url":174,"name":175,"slug":176,"cover":177,"tagline":178},"https:\u002F\u002Ffluent2.microsoft.design\u002F","Fluent UI","fluent-ui","36a9eb2b-2406-49b2-9e68-80ace6c480a2.webp","Microsoft's open-source UI framework for consistent, accessible experiences across web, Windows, iOS, Android, and macOS.",{"url":180,"name":181,"slug":182,"cover":183,"tagline":184},"https:\u002F\u002Fwww.figma.com\u002F@gs","Goldman Sachs Design System","goldman-sachs-design-system","4f867e01-6a18-4ba1-8366-846a736223b2.webp","internal framework for consistent, accessible enterprise financial interfaces.",[186,194,205],{"url":52,"icon":9,"name":53,"slug":54,"tags":187,"cover":66,"tagline":67,"is_featured":68,"date_created":69,"date_updated":9},[188,189,190,191,192,193],{"seo":9,"name":43,"slug":31},{"seo":9,"name":9,"slug":58},{"seo":9,"name":9,"slug":60},{"seo":9,"name":9,"slug":62},{"seo":9,"name":9,"slug":64},{"seo":9,"name":9,"slug":39},{"url":100,"icon":9,"name":101,"slug":102,"tags":195,"cover":121,"tagline":122,"is_featured":68,"date_created":123,"date_updated":9},[196,197,198,199,200,201,202,203,204],{"seo":9,"name":105,"slug":106},{"seo":9,"name":9,"slug":108},{"seo":9,"name":43,"slug":31},{"seo":9,"name":111,"slug":112},{"seo":9,"name":9,"slug":64},{"seo":9,"name":9,"slug":39},{"seo":9,"name":9,"slug":116},{"seo":9,"name":9,"slug":118},{"seo":9,"name":9,"slug":120},{"url":206,"icon":9,"name":207,"slug":208,"tags":209,"cover":215,"tagline":216,"is_featured":68,"date_created":217,"date_updated":9},"https:\u002F\u002Fflareum.io\u002F","Flareum","flareum",[210,211,213],{"seo":9,"name":9,"slug":39},{"seo":9,"name":9,"slug":212},"figma-file",{"seo":9,"name":9,"slug":214},"collaboration","7ce196b0-b5f3-49d4-ba83-cdff08424942.webp","Design system builder that syncs Figma and code","2026-06-23T12:06:17.661232+00:00"]