Bloq by Creatr

The only Design System plugin you will ever need

162 followers

The only Design System plugin you will ever need

162 followers

Visit website

Figma Plugins

Bloq is a design system plugin that detects style inconsistencies, generates complete component kits, and manages design tokens - all from a single base. It saves time by automating UI component creation while maintaining semantic naming & Figma compatibility.

Free

Launch tags:Design Tools•SaaS•Web Design

Launch Team

Flowstep — Generate real UI in seconds

Generate real UI in seconds

Promoted

Creatr

Maker

📌

👋 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!

Report

1yr ago

Picture Picker—Collect,Create,Edit Image

@kartiks08 Bloq is an impressive Figma plugin that truly transforms the creation and maintenance of design systems!

Report

1yr ago

Whoa! Looks super promising. Gonna give this a shot. This is going to a be a time saving plugin for every UI designer out there. Congos on the launch for everyone behind the build!

Report

1yr ago

APIPark

Congratulations on the launch of your new product on Product Hunt! It's always exciting to see innovative ideas come to life, and your hard work truly deserves this recognition. I love how your product addresses a real need in the market, and I can't wait to see how it evolves and impacts users. Wishing you all the success as you gather feedback and grow your community. Keep up the fantastic work, and here's to many more milestones ahead! Cheers!

Report

1yr ago

Creatr

Maker

@ldj_beatless Thanks for these words, means a lot. Would love if you try the plugin yourself and give it a go. https://www.figma.com/community/...

Report

1yr ago

Autonomous

Your design system generator is awesome! Being able to input brand guidelines and get a custom component kit is so cool. And the "fix old files" feature is a total lifesaver. Congrats on making design easier and more fun!

Report

1yr ago

KindlePPT

Congratulations on the launch! This seems really useful. We work extensively with Figma, so having a design system would be highly beneficial. I'll be sure to share it with our design team! 🚀🚀

Report

1yr ago

How does it handle inconsistencies in existing files? Does it auto-suggest fixes or just overwrite with the new system? Asking for my designer friends who'd kill me if I messed up their screens 🙈

Report

1yr ago

Creatr

Maker

@ihuzaifashoukat Hey Huzaifa, great question! It does suggest you the fixes and you can even see exactly which nodes will be affected by the changes. Only once you're happy with everything and hit the Fix button, will the changes be applied!

Report

1yr ago

Agentplace 2.0

Congrats on the launch! This tool seems great for simplifying design system management and saving time for Figma teams 👍

Report

1yr ago

1 2