Design 2

Figma 대체 오픈소스? OpenPencil 가이드

OpenPencil이란?AI 네이티브 오픈소스 디자인 에디터. MIT 라이선스 배포이며, Figma 파일(.fig)을 네이티브로 열 수 있는 게 가장 큰 특징. 약 7MB의 가벼운 데스크톱 앱으로, 인터넷 연결이나 계정 없이 완전히 로컬에서 동작함.공식 사이트: openpencil.devGitHub: open-pencil/open-pencil라이선스: MIT (완전 오픈소스)핵심 특징 요약AI 내장: 90개 이상의 AI 도구로 자연어 기반 디자인 작업 가능Figma 호환: .fig 파일 직접 열기 + Figma ↔ OpenPencil 간 복사/붙여넣기 지원완전 로컬: 서버 통신 없음, 계정 불필요, 오프라인 사용 가능P2P 협업: WebRTC 기반 실시간 협업 (서버 불필요)다중 코드 내보내기: Reac..

TIP/AI 2026.03.26

Pencil.dev — IDE 안에서 디자인하고, 코드로 착지하는 시대

디자인과 개발의 경계가 무너지고 있음. Figma에서 디자인하고, 개발자에게 넘기고, 스펙 문서 만들고, 다시 수정하고… 이 지루한 핸드오프 루프를 끊어버리는 도구가 등장함. 바로 Pencil.dev.Pencil.dev가 뭔가Pencil은 VS Code, Cursor 같은 IDE 안에 직접 들어가는 벡터 디자인 캔버스임. Figma처럼 무한 캔버스에서 UI를 그릴 수 있는데, 핵심 차이는 이게 코드 에디터 안에서 동작한다는 점.디자인 파일 포맷은 .pen이라는 JSON 기반 파일. 이 파일이 프로젝트 소스코드와 나란히 존재하면서, AI 에이전트(Claude Code 등)가 MCP(Model Context Protocol)를 통해 디자인을 읽고 프로덕션 코드를 바로 생성함.현재 얼리 액세스 기간으로 무료...

TIP/AI 2026.02.13