Figma paint 타입별 SVG export 지원과 figmaPaintToSvg 샘플을 확인합니다.
- paint select —
FIGMA_PAINT_GAP_MAP 행 - readout:
figma → svg, supported=…, notes, figmaPaintToSvg JSON
figmaPaintToSvg(
{ type, color, gradientStops, imageRef: "#pattern" },
{ x: 0, y: 0, width: 100, height: 100 }
);
| figma | supported | 비고 |
|---|
| SOLID | true | figmaSolidPaintToSvg |
| GRADIENT_LINEAR | true | 019 |
| GRADIENT_RADIAL | true | figmaRadialGradientPaintToSvg |
| GRADIENT_ANGULAR | "partial" | CSS conic / mask |
| IMAGE | true | pattern / image |
| EMOJI / VIDEO | false | raster / HTML |
import { FIGMA_PAINT_GAP_MAP, figmaPaintToSvg } from "svg-matrix-core";
| Figma | SVG 1.1 |
|---|
| CENTER | native |
| INSIDE / OUTSIDE | 006 figmaStrokeAlignToSvgMarkup |
supported → [041](./lesson-041.md) 자동 export
partial → 문서 + fallback
false → rasterize 또는 수동
| export | 역할 |
|---|
FIGMA_PAINT_GAP_MAP | type, svg, supported, notes |
figmaPaintToSvg | 통합 export 샘플 |
Figma paint ≠ SVG 1:1 — gap map + figmaPaintToSvg로 export 전략을 정합니다.