피그마에서 이번주부터 유료계정에 피그마 사이트에서 AI를 사용하여 디자인을 하거나 React 코드로 인터랙션을 추가하는 ‘Code Layer’ 기능을 적용하겠다고 발표했습니다.

본격 업데이트 전 사용법 정리해 보았습니다.

: 디자인 패널에서 ‘make code from design’을 누르면 창이 넘어갑니다.

2. 프롬프트 입력

: 원하는 디자인이나 인터랙션에 대한 프롬프트를 입력해서 만들어보세요.

: 만들어진 디자인에 대한 프로퍼티도 조절이 가능합니다.

: 만들었던 코드레이어는 Restore를 통해 다시 일반 레이어로 되돌리기가 가능합니다