Styles2CSV

About this plugin

Disclaimer: This is a new version of a similar plugin, completely rewritten for the new Figma API.FeaturesStyle ExtractionLocal Paint Styles: Extract all color styles including solid colors, gradients (linear, radial, conic, diamond)Local Text Styles: Extract typography styles with font family, weight, size, and line height informationLocal Variables: Extract color variables with mode-specific values for design tokensData ProcessingMultiple Color Formats: Support for RGBA, HEX (AARRGGBB), and HEX (RRGGBB) formatsGradient Support: Full support for all Figma gradient types with proper CSS conversionMode-Aware Variables: Correctly handles variable modes with readable collection/mode namesComprehensive Metadata: Includes style names, descriptions, types, and mode informationFiltering OptionsStyle Type Filters: Toggle Colors, Typography, and Variables independentlyExport Settings: Configure color format before exportReal-time Updates: Live filtering and preview of exported dataCSV Output FormatThe exported CSV contains the following columns:Type - Style type (FILL, FONT)Mode -Variable mode name (if applicable)Name - Style name from FigmaValue - Processed style value (color, gradient, or font specification)Description - Style description from FigmaExample OutputCSVType,Mode,Name,Value,DescriptionFILL,,"Primary/Blue/500","rgba(59, 130, 246, 255)","Primary brand color"FILL,"Theme/Dark","Background","rgba(18, 18, 18, 255)","Dark theme background"FONT,,"Heading/Large","Inter, 32px, Bold, 120%","Main page headings"