Skip to content

pantoken / design/figma/src / toFigmaVariables

関数: toFigmaVariables()

toFigmaVariables(tokens, options?): FigmaVariablesPayload

実験的

IRのトークンリストをFigma Variablesのペイロードに変換する。

パラメーター

tokens

読み取り専用 Token[]

IR(例: @pantoken/tokens からのもの)。

options?

ToFigmaOptions = {}

ToFigmaOptions.

戻り値

FigmaVariablesPayload

FigmaVariablesPayloadです。

トークンIRをVariablesのペイロードに変換する

ts
import { toFigmaVariables } from "@pantoken/figma";
import { tokens } from "@pantoken/tokens";

const payload = toFigmaVariables(tokens); // { collection, modes, variables }

コレクションとモードの名前を変更する

ts
import { toFigmaVariables } from "@pantoken/figma";
import { tokens } from "@pantoken/tokens";

const payload = toFigmaVariables(tokens, {
  collection: "Instructure Rebrand",
  modes: ["Light", "Dark"],
});