피그마 피디아
home
피그마 실무Q&A
home

피그마사이트 Code Layer 업데이트

글 작성일
2025/06/17
링크
질문 카테고리
피그마 소식 업데이트
1 more property

피그마에서 이번주부터 유료계정에 피그마 사이트에서 AI를 사용하여 디자인을 하거나 React 코드로 인터랙션을 추가하는 ‘Code Layer’ 기능을 적용하겠다고 발표했습니다.
본격 업데이트 전 사용법 정리해 보았습니다.
1.
객체 선택 후 make code from design
: 디자인 패널에서 ‘make code from design’을 누르면 창이 넘어갑니다.
2. 프롬프트 입력
: 원하는 디자인이나 인터랙션에 대한 프롬프트를 입력해서 만들어보세요.
3.
프로퍼티 적용 가능
: 만들어진 디자인에 대한 프로퍼티도 조절이 가능합니다.
4.
레이어 되돌리기
: 만들었던 코드레이어는 Restore를 통해 다시 일반 레이어로 되돌리기가 가능합니다