Figma AI를 사용하면 몇 번의 클릭만으로 디자인에 여러 프로토타입 상호작용과 연결을 추가할 수 있습니다. 이렇게 하면 상호작용을 수동으로 추가하는 데 소요되는 시간이 줄어들어 대화형 프로토타입을 구축하는 업무 흐름이 더 빠르고 간소화됩니다.
작동 방식
Figma AI로 상호작용 추가를 사용하면 선택한 프레임 간에 상호작용과 연결을 만들 수 있습니다. 예시:
- 선택한 최상위 프레임 사이에 간단한 흐름 만들기
- 뒤로 또는 다음 버튼에 상호작용 추가
- 탐색 메뉴에서 개별 프레임으로 연결하기
이 기능은 디자인에서 기본 프로토타입 흐름을 빠르게 구축하려는 경우 유용합니다. 언제든지 각 상호작용을 더욱 구체적으로 사용자 지정하거나 프로토타입에 더 많은 상호작용을 추가할 수 있습니다.
일관적 레이어 이름을 지정하면 Figma AI 결과물을 개선하는 데 도움이 될 수 있습니다. Figma AI로 레이어 이름을 바꾸는 방법을 알아보세요.
AI와의 상호작용 추가
- 상호작용을 만들고 싶은 캔버스의 프레임을 선택합니다.
- 오른쪽 사이드바에서 Prototype(프로토타입) 탭을 엽니다.
- 상호작용 섹션에서 상호작용 추가를 클릭합니다.
Figma AI가 디자인에 상호작용을 추가하는 작업을 완료하면 페이지 하단에 배너가 표시되어 상호작용을 미리보기할 수 있습니다. 이렇게 하면 현재 흐름이 인라인 미리보기에서 프로토타입으로 열립니다.
모든 상호작용을 수락하려면 Keep it(유지)을 클릭합니다.
프로토타입 변경하기
Figma AI가 추가한 상호작용이라면 무엇이든 편집하거나 제거할 수 있고, 수동으로 편집하고 더 많은 상호작용을 추가할 수도 있습니다.
특정 상호작용을 선택하려면 연결을 클릭합니다.
- 캔버스에 상호작용 세부 정보 모달이 열리며 필요에 따라 변경할 수 있습니다.
- 해당 상호작용을 제거하려면 오른쪽 사이드바에서 해당 상호작용을 찾아 를 클릭하여 제거합니다. 키보드에서 Delete 키를 눌러도 됩니다.
- 현재 페이지에서 모든 연결을 제거하려면 캔버스를 마우스 오른쪽 버튼으로 클릭하고 Remove all connections(모든 연결 제거)를 선택합니다.