ch7197ch
왜 내 클로드(코드)만 디자인 못할까?... 더 보기ch7197ch왜 내 클로드(코드)만 디자인 못할까?
제가 만약에 0으로 돌아간다면
(바이브 코딩 경험 전으로 돌아간다면)
이 3가진 무조건 할 거예요!
1️⃣kombai 확장 프로그램(for vs code)
프론트엔드 디자인에 최적화된 에이전트
MCP연결 없이 링크로 피그마 디자인을 읽어요
✔️설치 방법:커서나 vs code 확장 프로그램에서 ‘kombai’검색
2️⃣figma 확장 프로그램+mcp
확장 프로그램은
figma링크,css코드 바로 확인, 코멘트 남기기
✔️설치 방법:커서나 vs code 확장 프로그램에서 ’figma’ 검색
Figma mcp는
토큰,컴포넌트 등 피그마 디자인 읽어오기
반대로 클로드 코드로 피그마 디자인 생성하기
✔️설치 방법: 클로드 코드에 아래 한 줄 입력
claude plugin install figma@claude-plugins-official
3️⃣Playwright mcp
AI가 브라우저를 직접 보고 테스트하고
레이아웃 확인해서 수정할 수 있도록 도와줘요
✔️설치 방법: 클로드 코드에 아래 한 줄 입력
claude mcp add playwright npx @playwright/mcp@latest
매일 밤티나는 디자인 때문에 고민이라면
바로 설치하고 테스트 해보세요!
바로 안할거면 저장하긔😘🩵
#클로드디자인 #claudedesign #claudecode #클로드코드 #figma