Communitygithub.com

open-pencil/open-pencil

Figma .fig 디자인 파일과 실행 중인 OpenPencil 편집기를 다루는 스킬입니다. 구조 검사, 노드 쿼리, 디자인 토큰 분석, PNG/SVG/PDF/JSX 내보내기, 프로그래매틱 방식의 디자인 수정을 지원합니다. .fig 파일을 열거나 검사, 내보내기, 분석, 편집하거나 실행 중인 OpenPencil 앱을 제어할 때 사용하세요.

open-pencil란 무엇인가요?

이 스킬은 Figma .fig 디자인 파일과 OpenPencil 편집기와의 상호작용을 가능하게 합니다. 주로 개발자 도구 및 AI 에이전트(예: Claude Code, Cursor, Codex)와 함께 사용되며, 디자인 파일의 구조를 분석하고, 특정 노드를 쿼리하며, 디자인 토큰을 추출하는 데 유용합니다. 또한 PNG, SVG, PDF, JSX 형식으로 디자인 에셋을 내보낼 수 있고, 실행 중인 OpenPencil 앱을 제어하여 디자인을 직접 수정할 수도 있습니다. 이 스킬은 사용자가 .fig 파일을 열거나 검사, 내보내기, 분석, 편집해야 할 때 최적의 도구 역할을 하며, OpenPencil의 API와 스크립팅 기능을 활용하여 프로그래매틱한 디자인 작업 흐름을 지원합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/open-pencil/skills/tree/main/skills/open-pencil

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

open-pencil은(는) 무엇을 하나요?

Figma .fig 디자인 파일과 실행 중인 OpenPencil 편집기를 다루는 스킬입니다. 구조 검사, 노드 쿼리, 디자인 토큰 분석, PNG/SVG/PDF/JSX 내보내기, 프로그래매틱 방식의 디자인 수정을 지원합니다. .fig 파일을 열거나 검사, 내보내기, 분석, 편집하거나 실행 중인 OpenPencil 앱을 제어할 때 사용하세요.

관련 스킬