DS Toolkit by Carlos Baeza

About this plugin

DS Toolkit is a comprehensive Design System management plugin with 6 powerful modules:Component Properties — Analyze component set properties and get naming suggestions based on best practices.Color Contrast — Check text contrast ratios against WCAG AA and AAA accessibility standards.DS Health Scanner — Detect detached components, missing tokens, missing auto layout, non-responsive constraints, and empty frames. Click any finding to navigate directly to the layer on canvas.Layer Naming — Find unnamed or default-named layers (Frame 1, Rectangle 2…) and get smart naming suggestions.Component Documentation — Document your components with descriptions, properties, tokens, and usage guidelines (Do's & Don'ts). Includes a Knowledge Base with 44+ common DS components. Generate visual documentation directly on the Figma canvas or export as PDF/Sheets.Style Guide Generator — Automatically generate a complete visual style guide on canvas with separate frames for:• Color palettes (local paint styles + color variables/tokens)• Typography (desktop & mobile in two-column layout + typography tokens)• Effects — shadows & blurs with live previews + effect tokens• Grids & Layouts with visual grid previews + layout tokensAll documentation is generated with a professional visual design directly inside your Figma file.