최근 앱 개발에 AI 에이전트(AI Agent)를 사용하는 것이 당연해졌습니다. 저희 회사에서도 Claude Code를 도입하고 있으며, Compose를 이용한 UI 구현의 정밀도를 높이기 위해 시행착오를 거치는 과정에서, 얼마 전 도입한 Android CLI가 Figma MCP와 궁합이 좋다는 것을 깨달았습니다.

작년 Figma에서 출시된 Dev 시트 이상에서 사용 가능한 MCP 서버입니다.

AI 에이전트(AI Agent)로부터 Figma 상에 있는 디자인을 참조할 수 있습니다.

2026년 5월 19일에 Google에서 출시한 「AI 에이전트(AI Agent)를 위한 Android 앱 개발용 공식 커맨드 툴」을 말합니다.

• Figma MCP: Figma 상의 디자인을 AI 에이전트(AI Agent)가 스크린샷으로서 취득·확인할 수 있음
• Android CLI:
  render-compose-preview

라는 Compose의 Preview를 렌더링(Rendering)하여 이미지로 출력할 수 있는 커맨드가 있음

그렇기 때문에

1. AI 에이전트(AI Agent)가 Figma MCP로 디자인을 취득
↓
2. AI 에이전트(AI Agent)가 Compose로 UI를 구현
...

이라는 것이 가능해져, 한 번의 지시로 이전보다 정밀도 높은 UI를 구현할 수 있게 되었습니다.

구현 예시

Figma 측 디자인	출력된 디자인

이번에 도입한 Android CLI 외에도, 저희 회사에서는 현재 UI 개선의 일환으로 디자인 시스템(Design System) 구축도 진행하고 있습니다.

앞으로도 다양한 시도를 통해 품질 향상과 업무 효율화로 이어갈 수 있도록 노력하겠습니다.