0.1.0
majorThe first Atomize build: scan a Figma selection or page, extract design values, and create a Primitives → Atoms variable hierarchy with aliases.
What changed
- Scan a selection or the whole page and extract colors, spacing, radii, shadows, gradients, opacity and typography
- Deduplicate values before creating variables, then rename and filter them in a preview
- Create a Primitives → Atoms hierarchy where Atoms alias Primitives instead of copying values
- Find every atom that references a primitive and replace it, one by one or all at once
- Filter replacement targets by compatible variable type
The first version of Atomize did one thing: read what was already on the canvas and turn it into a variable structure. Scanning a selection or a whole page, it collected colors, spacing, radii, shadows, gradients, opacity and typography, removed duplicates, and let you rename and filter the result before anything was written to the file.
The output was a two-level system. Primitives hold the raw values; Atoms reference them and follow the layer hierarchy, so the padding on a card becomes an atom that points at the matching primitive rather than keeping a copy of its value. Changing the primitive later updates everything that references it.
The build also shipped Find & Replace for primitive usages: pick a primitive, see every atom variable that references it, and point them at a different primitive one at a time or all at once. Compatibility filtering keeps a color primitive from being offered as a replacement for a spacing value.