figma 17

figma - toggle button

클릭하여 24 * 24 만들기 auto layout shift + a fill + 클릭하여 배경색 넣기 안쪽여백 4로 바꾸기 크기 바꾸기 모서리 둥글게 하기 높이의 1/2 이상 넣으면 둥글게 됨 선 넣고 싶으면 stroke 에서 넣는다. 프레임 선택 상태에서 컴포넌트 만들기(ctrl + alt + k) add variant 또는 + 눌러서 하나더 만들기 두번째 도형 선택 후 right alignment 선택 색상 바꾸기 연결 + 눌러서 아래쪽으로 드래그 아래 도형 선택 후 + 클릭하여 드래그 위쪽 도형쪽으로 test f눌러서 frame 선택 iphone 선택 왼쪽 패널에서 assets 선택

figma 2024.02.27

스크롤 기능 구현하기

프레임 선택 (f) iphone 13 mini 선택 원 그리기 (o) -화면에 클릭하면 100*100 그려짐 alt 누르고 옆으로 드래그 하여 복사 ctrl + d - 4번 반복 바깥쪽 원 안보일 경우 2번에 체크 해제 원 전체 선택 우클릭 plugins - unsplash 랜덤으로 이미지 들어감. 너무 느리면 주제를 클릭한다. 간격 조정 필요성 있으면 shift + a 후 ctrl + alt + g 파란 사각형을 화면 안쪽으로 드래그 한다.(이미지가 스크롤 되는 영역) 오른쪽 프로토타입 클릭 가로 스크롤 horizontal 확인 오른쪽 상단 present

figma 2024.02.23

피그마 커뮤니티 활용

피그마 커뮤니티 피그마에서 제공하는 각종 파일 및 사용자들끼리의 디자인 가이드 ui kit 아이콘등을 공유할 수 있다. 검색해서 사용 가능 https://www.figma.com/file/U9RY9NoDRP9GRe2DPt3lLw/iOS-15-UI-Kit-for-Figma-(Community)?type=design&node-id=5-54&mode=design&t=N0vOKuTIPcnPXb7R-0 Figma Created with Figma www.figma.com 키보드 https://www.figma.com/file/MWkKTZFkQytNTqeFUcTj3y/Android-%26-iOS-Keyboards-Kit-(Community)?type=design&node-id=352-271&mode=design&t..

figma 2023.12.18

figma dropdown

1. 글자 입력하기 단축키 t 글자 입력 후 오른쪽 3번 칸에서 글자 속성을 변경한다. 2. 삼각형 모양 선택하기 글자와 삼각형 선택(drag) 한 후 마우스 우클릭 padding 등 설정해주고 외곽선 넣기 위해 stroke 선택하여 색 넣기, 배경색 넣기 위해 fill 선택하여 색 넣기. frame 복제 alt 누르고 아래로 드래그 , 또는 ctrl + c, ctrl + v 내용 수정하기 site1,2,3 선택 후 정렬 후 우클릭 add auto layout 또는 shift + a 각각 선택후 stroke 없애기 frame5 선택후 stroke 넣기 전체 선택 후 create component ( ctrl + alt + k) properties 의 + 클릭 variant 클릭 총 5개의 variant ..

figma 2023.09.08

FIGMA 단축키

피그마 단축키 확인 피그마 안에서 ctrl + shift + / Essential keyboard shortcuts 1. ctrl + 원표시 (ui 숨기고 보여줌) 2. 소문자 i - (color picker 나옴) 대문자 i - (components, plugins widgets 검색 나옴) 3. ctrl + / - (검색창 나옴) Tools View Zoom Text Shape Selection Cursor Edit Transform Arrange Components 그외 단축키 설명 CTRL + SHIFT + E 저장 EXPORT CTRL + ALT + S 히스토리 저장 CTRL + SHIFT + K 이미지 삽입 PLACE IMAGE CTRL + C 복사 CTRL + X 잘라내기 CTRL + V 붙..

figma 2023.07.20