figma

figma - toggle button

funfunweb 2024. 2. 27. 11:46

 

클릭하여 24 * 24 만들기

 

auto layout

shift + a

 

 

fill  + 클릭하여 배경색 넣기

안쪽여백 4로 바꾸기

 

크기 바꾸기

 

모서리 둥글게 하기

 

높이의 1/2 이상 넣으면 둥글게 됨

 

 

선 넣고 싶으면 stroke 에서 넣는다.

 

 

프레임 선택 상태에서 컴포넌트 만들기(ctrl + alt + k)

 

add variant

 

또는 

 

+ 눌러서 하나더 만들기

 

두번째 도형 선택 후 right alignment 선택

색상 바꾸기

 

 

연결

+ 눌러서 아래쪽으로 드래그

 

 

아래 도형 선택 후 + 클릭하여 드래그 위쪽 도형쪽으로

 

 

 

test

 

f눌러서 frame 선택 iphone 선택

 

 

왼쪽 패널에서 assets 선택

 

'figma' 카테고리의 다른 글

슬라이드(캐러셀) in figma drag  (0) 2024.02.28
figma carousel  (0) 2024.02.28
스크롤 기능 구현하기  (0) 2024.02.23
피그마 커뮤니티 활용  (0) 2023.12.18
도형안에 이미지 한번에 넣기  (0) 2023.09.13