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"],
});