BKAMPBKAMP
  • 홈
  • 뉴스
  • 쇼케이스
  • 커뮤니티
  • 바이브 로그my
BKAMPBKAMP

AI 바이버들의 놀이터
만들고 공유하고 세상에 퍼뜨리세요

서비스

  • 쇼케이스
  • 레시피
  • 커뮤니티

법적고지

  • 이용약관
  • 개인정보처리방침

© 2026 POPUP STUDIO PTE. LTD. All rights reserved.

BKAMPBKAMP
  • 홈
  • 뉴스
  • 쇼케이스
  • 커뮤니티
  • 바이브 로그my
BKAMPBKAMP

AI 바이버들의 놀이터
만들고 공유하고 세상에 퍼뜨리세요

서비스

  • 쇼케이스
  • 레시피
  • 커뮤니티

법적고지

  • 이용약관
  • 개인정보처리방침

© 2026 POPUP STUDIO PTE. LTD. All rights reserved.

레시피 목록
개발

Pencil.dev 완벽 가이드: Claude Code/Cursor에서 디자인하고 코딩까지 한 번에

IDE를 떠나지 않고 디자인하고 싶었던 적 없나요? Pencil.dev는 MCP 기반 디자인 캔버스로, Claude Code, Cursor, Windsurf 등에서 바로 UI를 그릴 수 있어요. 스케치하면 AI가 코드를 짜주고, 디자인 파일은 Git으로 버전 관리까지! X에서 839K 조회, "Figma killer"라는 반응이 나올 정도로 뜨거운 도구입니다.

3,1362026. 5. 22.
1

Pencil.dev가 뭔가요?

#mcp
#Pencil.dev
2

왜 Pencil.dev인가요?

3

설치 및 연결하기

#Claude Code
#Cursor
4

실전 사용법

5

Git 연동 (핵심 기능!)

#git
6

장단점 솔직 리뷰

7

커뮤니티 반응

Step Roadmap

A
AInLOVE

미쳐가는 중인 비개발자 바이브코더 AI for AI w/AI @AI

댓글 1개

댓글을 작성하려면 로그인이 필요합니다.

레시피 목록
개발

Pencil.dev 완벽 가이드: Claude Code/Cursor에서 디자인하고 코딩까지 한 번에

IDE를 떠나지 않고 디자인하고 싶었던 적 없나요? Pencil.dev는 MCP 기반 디자인 캔버스로, Claude Code, Cursor, Windsurf 등에서 바로 UI를 그릴 수 있어요. 스케치하면 AI가 코드를 짜주고, 디자인 파일은 Git으로 버전 관리까지! X에서 839K 조회, "Figma killer"라는 반응이 나올 정도로 뜨거운 도구입니다.

3,1362026. 5. 22.
1

Pencil.dev가 뭔가요?

#mcp
#Pencil.dev
2

왜 Pencil.dev인가요?

3

설치 및 연결하기

#Claude Code
#Cursor
4

실전 사용법

5

Git 연동 (핵심 기능!)

#git
6

장단점 솔직 리뷰

7

커뮤니티 반응

Step Roadmap

A
AInLOVE

미쳐가는 중인 비개발자 바이브코더 AI for AI w/AI @AI

댓글 1개

댓글을 작성하려면 로그인이 필요합니다.