Skip to content

v0.7.0

Choose a tag to compare

@dannote dannote released this 19 Jan 13:18
· 151 commits to master since this release

Added

  • create icon — add icons from Iconify (150k+ icons from 100+ sets)

    figma-use create icon mdi:home
    figma-use create icon lucide:star --size 48 --color "#FFD700"
    figma-use create icon heroicons:bell-solid --component  # as Figma component
  • <Icon> primitive for JSX render

    <Frame style={{ flexDirection: "row", gap: 8 }}>
      <Icon icon="mdi:home" size={24} color="#3B82F6" />
      <Icon icon="lucide:star" size={32} color="#F59E0B" />
    </Frame>
  • Variable references in CLI color options — use var:Name or $Name:

    figma-use create rect --fill 'var:Colors/Primary'
    figma-use create icon mdi:home --color '$Brand/Accent'
  • Tailwind-like style shorthands for JSX render:

    // Before
    <Frame style={{paddingLeft: 16, paddingRight: 16, backgroundColor: "#3B82F6", borderRadius: 6, flexDirection: "row"}}>
    
    // After
    <Frame style={{px: 16, bg: "#3B82F6", rounded: 6, flex: "row"}}>

    Shorthands: w, h, bg, rounded, p, px, py, flex, justify, items, size, font, weight

  • render --x and --y options — position rendered root at specific coordinates

  • page current — show current page name and ID

Changed

  • README rewritten — focused on concepts, added REFERENCE.md with full command list
  • CLI arguments now use kebab-case: --stroke-weight, --font-size, --min-width

Fixed

  • Icon child ordering in render
  • White fill removed from imported SVG icons
  • ComponentSet global registry to avoid module duplication