AI(2)
-
클로드 코드와 피그마 MCP로 디자인 시스템 만들어보기
디자인 시스템 프롬프트 한줄로 구축이 된다?💡디자인 시스템색상,폰트,컴포넌트 등 제품의 UI규칙을 하나로 정리한것디자인토큰, 컴포넌트, 가이드라인 등으로 구성되어 있다.보통 디자인 시스템을 만들려면 피그마에서 토큰을 정의하고 JSON으로 추출해서 개발자가 CSS/JS로 변환하여 컴포넌트화 한다.근데 Figma MCP + 클로드코드 조합으로 이 과정을 프롬프트 한줄로 줄일 수 있다. 클로드코드에 Figma MCP 연동claude mcp add --transport http figma-remote-mcp https://mcp.figma.com/mcp클로드코드 접속후 명령어를 입력후 auth인증 해주면 MCP 연동은 끝난다.connected처리가 되어있으면 연동된것임.사실 피그마가 유료 버전에 dev mod..
2026.03.29 -
TaskMaster AI 설치부터 활용해보기
TaskMaster AITaskmaster는 당신의 AI를 위한 개인 프로젝트 매니저입니다.작업을 손쉽게 정리·조사·확장·우선순위화하고 실행까지 도와줍니다.영구적인 컨텍스트 유지, 드리프트 없는 정확성, 즉각적인 명확함을 제공합니다.무료이며 오픈소스이고 API 연동도 친화적입니다.생산적으로 함께 일해봐요.공식문서에 나와있듯이 내 개인 프로젝트 매니저다. AI가 옆에서 복잡하고 광대할 수 있는 계획들을 작은 단위의 Task로 나눠준다. 개발하다보면 우선순위가 무엇이고 일정관리를 어떻게 할 것 이며 어느 기능을 구현해야할지 고민할때가 많다.TaskMaster AI를 사용하면 그 고민을 해결해준다. TaskMaster AI 설치npm install -g task-master-aitask-master initi..
2026.01.23