https://flashdsm.com/blog How to use Flash, and the design-system fundamentals underneath it. en Fri, 11 Sep 2026 09:00:00 GMT https://flashdsm.com/blog/import-design-system-from-website https://flashdsm.com/blog/import-design-system-from-website Fri, 11 Sep 2026 09:00:00 GMT Learn Flash Your live site already holds a design system, spread across old stylesheets. Scan it into tokens, then clean up what years of drift left behind. https://flashdsm.com/blog/editing-foundations https://flashdsm.com/blog/editing-foundations Fri, 11 Sep 2026 09:00:00 GMT Learn Flash Colour ramps, semantic aliases and per-theme values all depend on each other. Edit them in the right order and one fix won't undo another. https://flashdsm.com/blog/ask-flash-prompts https://flashdsm.com/blog/ask-flash-prompts Fri, 11 Sep 2026 09:00:00 GMT Learn Flash A prompt with a target and a number gets you a patch worth applying. "Make it pop" gets you one you'll throw away. https://flashdsm.com/blog/figma-plugin-live-sync https://flashdsm.com/blog/figma-plugin-live-sync Fri, 11 Sep 2026 09:00:00 GMT Learn Flash The plugin draws your system into Figma with Light and Dark variables, then keeps the file following Flash while the panel is open. https://flashdsm.com/blog/export-tokens-to-code https://flashdsm.com/blog/export-tokens-to-code Fri, 11 Sep 2026 09:00:00 GMT Learn Flash Export opens five destinations and Sync adds two more. Which one to use depends on how often your tokens change and who reviews them. https://flashdsm.com/blog/handoff-lovable-v0-bolt https://flashdsm.com/blog/handoff-lovable-v0-bolt Fri, 11 Sep 2026 09:00:00 GMT Learn Flash Launch Lovable, v0 or Bolt with your tokens already loaded. What the sync link makes public, and how to catch a builder up when your tokens change. https://flashdsm.com/blog/team-roles-and-history https://flashdsm.com/blog/team-roles-and-history Fri, 11 Sep 2026 09:00:00 GMT Learn Flash Admin, Editor or Viewer on each system, and a named version before every big change so a restore is one click. https://flashdsm.com/blog/primitive-vs-semantic-colour-tokens https://flashdsm.com/blog/primitive-vs-semantic-colour-tokens Fri, 11 Sep 2026 09:00:00 GMT Fundamentals Ramps hold every colour you're allowed to use. Semantic tokens say which one goes where, and point at different steps in light and dark. https://flashdsm.com/blog/naming-design-tokens https://flashdsm.com/blog/naming-design-tokens Fri, 11 Sep 2026 09:00:00 GMT Fundamentals Put the parts of every token name in one fixed order and people can guess names instead of looking them up. Renames go through an alias, never a break. https://flashdsm.com/blog/contrast-wcag-aa-in-practice https://flashdsm.com/blog/contrast-wcag-aa-in-practice Fri, 11 Sep 2026 09:00:00 GMT Fundamentals 4.5:1 and 3:1 are easy to quote. Most failures hide in placeholders and dark mode, and the fix is to ship colour pairs that already pass. https://flashdsm.com/blog/type-scales-for-real-content https://flashdsm.com/blog/type-scales-for-real-content Fri, 11 Sep 2026 09:00:00 GMT Fundamentals A ratio gives you the sizes, but only real content tells you whether they work. Test your scale against long German words and columns of numbers before you ship it. https://flashdsm.com/blog/spacing-scale-4pt-8pt https://flashdsm.com/blog/spacing-scale-4pt-8pt Fri, 11 Sep 2026 09:00:00 GMT Fundamentals Use a 4pt base with an 8pt rhythm, name space by the job it does, and density modes cost you nothing. https://flashdsm.com/blog/dark-mode-is-a-second-theme https://flashdsm.com/blog/dark-mode-is-a-second-theme Fri, 11 Sep 2026 09:00:00 GMT Fundamentals Flip a light palette and you get a dark mode that glares and fails contrast. Build dark as its own theme on the same semantic names instead. https://flashdsm.com/blog/components-reference-tokens https://flashdsm.com/blog/components-reference-tokens Fri, 11 Sep 2026 09:00:00 GMT Fundamentals A hard-coded value in a component is a bug. How to take a button apart and put every property, states included, on tokens. https://flashdsm.com/blog/versioning-a-design-system https://flashdsm.com/blog/versioning-a-design-system Fri, 11 Sep 2026 09:00:00 GMT Notes A removed token doesn't throw an error. Your cards just lose their background. How to version tokens so that never ships as a patch. https://flashdsm.com/blog/screens-vs-design-system https://flashdsm.com/blog/screens-vs-design-system Fri, 07 Aug 2026 09:00:00 GMT Notes AI screen tools make convincing mockups fast, but not the decisions every future screen should share. When a screen is enough and when you need the system underneath. https://flashdsm.com/blog/generate-design-system-from-prompt https://flashdsm.com/blog/generate-design-system-from-prompt Sat, 04 Jul 2026 09:00:00 GMT Learn Flash One specific prompt and two setup questions get you real tokens in your CSS in about ten minutes. https://flashdsm.com/blog/cursor-design-tokens-on-brand-ai https://flashdsm.com/blog/cursor-design-tokens-on-brand-ai Fri, 03 Jul 2026 09:00:00 GMT Learn Flash Coding agents make up values when they can't see your tokens. Connect them to Flash over MCP and make them check their own output. https://flashdsm.com/blog/design-tokens-explained https://flashdsm.com/blog/design-tokens-explained Wed, 01 Jul 2026 09:00:00 GMT Fundamentals A token is a design decision with a name. Primitive, semantic and component tokens each hold a different kind of decision, and each points only at the tier below.