[Framer] Tutorial

Woozoo·2023년 5월 22일
0

[Framer]

목록 보기
1/11

Framer 유튜브

영상링크

부모 프레임 선택하고 auto layout 가능!



그리고 프레임 선택하고 커맨드 K로 컴포넌트화 가능


정렬에 대한 옵션을 하나하나 다 지정해주는 게 신기하다!

링크 거는 것도 가능하고


인서트 메뉴에서 비디오 넣는 것도 가능함!!


아이콘 넣을 수도 있구

컴포넌트화 한다음에 Hover state일 때 varient를 만들어준다!

Desktop, Tablet, Phone에 대응되는 반응형 디자인도 가능!

breakpoint로 불리는 듯 하다

비디오 컴포넌트의 사이즈를 fill로 맞춰놓고 aspect유지하게 잠궈놓으면 뺌!
반응형으로 동작하는 비디오 컴포넌트가 만들어짐


wrapper가 필요해서 스택을 만들어주고


size에 대한 것들 잘만 만들어주면 금방
반응형 디자인이 나옴


아까 타이틀 styles 헤딩 선택할 때 BreakPoints가 있다고 했잖음
L M S 에 해당하는 font style 설정이 가능함!!!!

이펙트도 추가해줄 수 있고!


탑바 컴포넌트 화 했던 거
요런식으로 링크 연결해줄 수 있습니다

쉐도우 frame 삐져나가면 안보이던거 overflow Visible 설정해서 보이게 가능하고!!

profile
우주형

0개의 댓글