Bloq: Create, edit, and renew new/existing design systems

About this plugin

🎨 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. Generate: Get a complete, variablized component kit in minutes.

4. Update: Modify existing designs with one click.

5. 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!