본문 바로가기
How to Design and Code with Claude Code and Figma MCP in 50 Min | Felix Lee

How to Design and Code with Claude Code and Figma MCP in 50 Min | Felix Lee

AIPeter Yang· 2026-03-22

본 영상은 Claude Code와 Figma MCP를 활용하여 디자인을 코드로 변환하거나, 코드를 디자인으로 역변환하는 방법을 시연합니다. Felix Lee는 Claude Code를 사용해 개인 웹사이트, ADPList의 실시간 데이터 시각화, 성장 분석 앱 등을 개발했으며, FigJam 플로우차트를 게임으로 만드는 과정도 보여줍니다.

핵심 요약

  • Felix Lee는 Claude Code를 사용하여 개인 웹사이트(felixlee.dev), ADPList의 실시간 글로벌 예약 현황을 보여주는 지구본 시각화, 그리고 성장 분석 앱을 개발했습니다.
  • Claude Code와 Figma MCP를 활용하면 Figma 디자인을 15분 안에 실제 작동하는 웹사이트로 변환할 수 있습니다.
  • FigJam의 플로우차트를 Claude Code를 이용해 Flappy Bird와 같은 간단한 게임으로 구현하는 것이 가능합니다.

전체 요약과 종목별 의견·실시간 분석을 보려면 로그인하세요.

로그인 / 회원가입