피그마, 클로드 코드와 연동… 실행 중인 웹 UI를 편집 가능한 디자인으로 변환
피그마가 앤트로픽의 클로드 코드로 생성한 실제 UI를 편집 가능한 피그마 프레임으로 바로 변환하는 기능을 공개했다. 개발 환경이나 브라우저에서 실행 중인 화면을 캡처해 디자인 캔버스에서 수정 및 비교할 수 있으며, 피그마 MCP 서버와 연계해 코드 생성까지 이어지는 양방향 워크플로를 지원한다.
피그마가 앤트로픽의 클로드 코드로 생성한 실제 UI를 편집 가능한 피그마 프레임으로 바로 변환하는 기능을 공개했다. 개발 환경이나 브라우저에서 실행 중인 화면을 캡처해 디자인 캔버스에서 수정 및 비교할 수 있으며, 피그마 MCP 서버와 연계해 코드 생성까지 이어지는 양방향 워크플로를 지원한다.
Figma가 AI 코딩 도구를 위한 Dev Mode MCP 서버 베타 버전을 공개했다. Cursor, Claude Code 등이 스크린샷 대신 피그마의 컴포넌트와 변수, 디자인 토큰을 직접 읽어와 기존 코드베이스 규격에 맞는 프론트엔드 코드를 작성할 수 있다.