Bloq by Creatr

Create and edit your new/existing design systems in Figma

Design Tools

SaaS

Web Design

👋 Hey Product Hunt! Introducing Bloq 🎨 What is Bloq? Bloq is a Figma plugin that revolutionizes how design systems are created and maintained. It offers three major capabilities: 1. Generate an Entire Design System from Scratch • Get customized color palettes, typography, border radii, spacing, margins, and a fully variablized component kit ready to use. • Perfectly Integrates with the figma ecosystem and industry standard nomenclature. 2. Fix Existing Files or Frames • Automatically detect and assign brand guideline values to every component in your file. • Choose to fix specific modules, such as a selected screen or an entire page, according to your needs. 3. Create and Enhance Components • Scan entire pages to detect all major components, resulting in a new component kit made from the screens on the page. • Get all possible variants and states of components generated, with properties automatically assigned to their respective elements. 😫 The Problem Creating and maintaining design systems is painful: • Manually creating variables for colors, typography, and spacing takes hours. • Ensuring consistency across existing designs is tedious and error-prone. • Updating old files to match new brand guidelines is a nightmare. • Building component libraries and design kit from scratch requires weeks of work. ✨ The Solution Bloq automates the entire process: 1. Input: Pick a figma file and run Bloq on it. 2. Analyze: Our AI examines your design patterns. 3. Update: Modify existing designs with one click. 4. Enhance: Generate complete component sets with variants automatically detected. 🔥 Key Features • 🎨 Smart Color Palette Detection: Supports neutral and accent colors. • 📝 Intelligent Typography System: Automatic style clustering. • 📏 Automated Spacing & Border Radius Detection • 🔄 Bulk Update Capability for Existing Designs • ⚡ Comprehensive Component Kits: Includes variants and component sets. • 🎯 Flexible Fix Options: Fix a single frame or an entire page. 💪 Perfect For • Design Teams: Launching new brands effortlessly. • Agencies: Managing multiple client design systems with ease. • Companies: Modernizing design infrastructure without hassle. • Time-Savers: Anyone looking to save hours on design system creation. • Efficient Creators: Building component libraries and kits without grunt work. Ready to revolutionize your design workflow? Try Bloq today and experience the future of design system creation!