디자인 다마고치

[Framer] 인터렉션 컴포넌트 활용 본문

UX•UI/수강 강의

[Framer] 인터렉션 컴포넌트 활용

디마고치 2025. 8. 28. 05:56

 

 

 


안녕하세요 다자이너 입니다 👀💛

 

 

미루고 미루던 프레이머,,,
열심히 이어서 공부해보도록 하겠습니다.


⬇️ 이전 글이 궁금하다면

https://dori-wine.tistory.com/27

 

[Framer] Figma에서 Framer 로 작업물 가지고 오기

안녕하세요 다자이너 입니다 👀💛 다들 열심히 공부하고 계신가요~~저는 사실 취업을 했는데요!!(부끄),,,👩🏻‍💻이제 막 회사에 적응 하는 단계를 지나드디어 공부를 하고, 제 자신도 디벨

dori-wine.tistory.com

 

 


Interaction


다채로운 인터렉션은 User의 경험을 확장하는 것은 물론, 앱의 기능을 향상시키고 브랜드의 색을 더 나타낼 수 있다.

 

 

단축키 S = column 생성 
단축키 F = frame 생성

option+command+enter = 상위 column 생성 
Command +K = Component 생성



1. 레이어는 상하위 관계에 따라서 크기에 영향을 미침

이미지 레이어 창 밖으로 내보내기

 

 

 

 

2. 페이지를 따로 만들어 각 variable에 연동 가능

variable 내부의 link에서 연결



모바일 환경의 경우, 불필요한 지연을 야기해 좋지 않은 사용자 경험이 될수 있음