Flash DS Elements

About this plugin

Generate Production-Ready Design SystemsFlash DS Elements creates complete design systems with 37+ modern UI components. Configure design tokens (colors, typography, spacing) before generation or update them anytime. Add components all at once or incrementally as your system grows.Key FeaturesConfigure Design Tokens20+ semantic colors (primary, secondary, destructive, muted, accent)Typography system with 10 sizes and 6 weights17-point spacing scale (4px grid)7 border radius options5 shadow presets37+ UI ComponentsButtons (6 variants), Inputs, Cards, BadgesForms: Checkbox, Radio, Switch, Select, SliderNavigation: Tabs, Menus, Breadcrumb, PaginationOverlays: Dialog, Sheet, Drawer, Popover, TooltipFeedback: Alert, Toast, Progress, SkeletonData: Table, Calendar, Chart, AvatarLayout: Accordion, Carousel, Scroll AreaFlexible WorkflowCreate New: Generate complete system from scratchUpdate Existing: Modify tokens on existing systemsIncremental: Add components one at a timeAutomatic Figma IntegrationVariables collection (colors, spacing, radius)Color, text, and effect stylesVariable binding for easy theme updatesHow It WorksConfigure design tokens (or use defaults)Select components you needGenerateYour design system is ready with all components, variables, and styles.Why Use This Plugin?Fast: Generate systems in minutes, not hoursFlexible: Update tokens anytime, add components incrementallyDeveloper-Ready: Variables and naming match modern component librariesConsistent: All components use the same token systemTechnical DetailsFigma Variables for all design tokensComponent variants includedTypeScript/React codebaseWorks offline10-30 second generation time