figma-tokens/src/types/getBreakpoints.js

A tool for generate Figma design tokens as variables

import { getTokens, camelCase } from '../utils.js'

export default function getBreakpoints (layerName, stylesArtboard) {
  const palette = { breakpoint: {} }
  const decorator = element => {
    const { name, absoluteBoundingBox } = element
    const tokens = {
      [camelCase(name)]: `${absoluteBoundingBox.width}px`
    }
    Object.assign(palette.breakpoint, tokens)
  }

  return getTokens(layerName, stylesArtboard, palette, decorator)
}