Common utilities

Here's a list of common utilities that are internally used in our top-level APIs, but can be useful for you as well.

isPaintGradient

Accepts Paint object and returns true if it's an any gradient.

if (isPaintGradient(paint)) {
  // ...
}

isPaintSolid

Accepts Paint object and returns true if it's a solid color.

if (isPaintSolid(paint)) {
  // ...
}

isEffectShadow

Accepts Effect object and returns true if it's a shadow.

if (isEffectShadow(effect)) {
  // ...
}

isEffectBlur

Accepts Effect object and returns true if it's a blur.

if (isEffectBlur(effect)) {
  // ...
}

getColor

Returns colord instance for passed Color, which provides high-level color manipulation API.

const color = getColor(paint.color);

color.toHex(); // #ff0000

parseFileIdFromLink

Accepts Figma link and returns file id.

const fileId = parseFileIdFromLink(
  'https://www.figma.com/file/heReIsAKey?type=design&node-id=1112-222......'
);

console.log(fileId); // heReIsAKey