Color Swatch

colorSwatch.js

const colors = [
  figma.util.rgb("#bbf7d0"),
  figma.util.rgb("#86efac"),
  figma.util.rgb("#4ade80"),
  figma.util.rgb("#22c55e"),
  figma.util.rgb("#16a34a"),
];

const rectangleWidth = 100; // 矩形の幅
const rectangleHeight = 100; // 矩形の高さ
const spacing = 20; // 矩形間のスペース

colors.forEach((color, index) => {
  const rect = figma.createRectangle();
  rect.resize(rectangleWidth, rectangleHeight);
  rect.x = index * (rectangleWidth + spacing); // 水平方向に並べる
  rect.y = 0; // 垂直方向は同じ位置
  rect.fills = [{ type: "SOLID", color: color }];
});