이 기능은 Flinto에서 개발했습니다. Flinto 또는 통합에 관한 질문이 있는 경우 Flinto 팀에 문의하시기 바랍니다.

Flinto는 디자이너가 인터랙티브 및 애니메이션 프로토타입을 제작할 때 사용하는 Mac 앱입니다. Flinto는 Mac에서만 사용할 수 있습니다. Flinto에 대해 자세히 알아보세요.

Flinto를 사용하면 애니메이션 전환, 마이크로 인터랙션, 스크롤 기반 효과 등을 위한 강력한 도구에 액세스할 수 있습니다. Flinto로 다음을 수행할 수 있습니다.

통합을 통해 Figma의 디자인을 Flinto로 가져올 수 있습니다. 그런 다음, 이 디자인을 애니메이션 및 인터랙티브 프로토타입으로 전환할 수 있습니다.

참고: Figma에서 프레임을 가져올 때 Flinto는 대부분의 벡터 형상과 편집 가능한 텍스트 레이어를 유지합니다. 지원되지 않는 피처의 경우 Flinto는 해당 피처를 비트맵 이미지로 평면화합니다.

이 문서에서 다루는 내용은 다음과 같습니다.

Figma와 Flinto 연결

Figma에서 디자인을 가져오려면 Figma와 Flinto 간의 연결을 승인해야 합니다.

그러면 Flinto가 파일에 액세스할 수 있으므로 해당 파일을 앱으로 가져올 수 있습니다.

이 연결 승인은 Figma에서 처음으로 파일을 가져올 때 한 번만 수행하면 됩니다.

Flinto 앱을 엽니다.
툴바에서 가져오기를 클릭합니다. 또는 메뉴 표시줄에서 Flinto > 가져오기로 이동합니다.
Figma 탭을 선택합니다.
Figma에 로그인 버튼을 클릭합니다.
웹 브라우저의 새 탭에 Figma가 열립니다. 로그인하지 않은 경우 지금 로그인하라는 메시지가 표시됩니다. 그렇지 않으면 액세스 허용 버튼을 클릭합니다.
Flinto로 돌아가려면 프롬프트를 클릭합니다.

Figma에서 디자인 가져오기

연결이 설정되었으므로 이제 Figma 파일을 Flinto로 가져올 수 있습니다.

가장 최근에 열었던 파일 중에서 선택할 수 있습니다. 최근에 파일을 열지 않았거나 찾고 있는 파일이 표시되지 않는 경우 Figma에서 먼저 파일을 열어보세요.

Flinto 앱의 툴바에서 가져오기 버튼을 클릭합니다.
Figma 탭을 선택합니다. 그런 다음 Flinto로 가져오려는 파일을 선택할 수 있습니다. 가장 최근에 편집한 파일이 맨 위에 표시됩니다.
선택한 파일 프레임의 화면 크기를 선택합니다. 기본값은 현재 문서의 크기입니다.
프레임 가져오기 버튼을 클릭합니다.
이제 Flinto에서 프로토타입을 제작할 준비가 되었습니다! 시작하는 방법에 관해 자세히 알아보려면 Flinto의 학습 페이지를 방문하세요.