funfunweb

grid 클릭하여 columns 선택 양쪽 여백없어서 답답 가로줄 높이에 따라서 다르므로 count 에 auto type -위에서부터 top height 에는 27 또는 1 gutter 27 그리드에 맞춰서 자동으로 사이즈 조절되게 만들기 row grid layout grid + click 그리드에 맞춰서 사각형을 그리고 alt + drag 복사 이전 작업 반복 ctrl + d frame 사이즈 위아래 늘리거나, 줄여보기 그리드 위에 그리드 넣기

1. 글자 입력 2. AUTO LAYOUT (SHIFT + A) 3. PADDING 조절 4. 배경색 넣기 모서리 둥글게(선택) 5. 컴포넌트 등록 (CTRL + ALT + K) 6. ASSET 에서 드래그 더블 클릭후 내용 수정해보기

사각형 그리기 모서리 둥글게 원을 클릭해서 드래그 또는 오른쪽에서 가능 둥글기 정도 (수치)를 각각 다르게 넣고싶다면? alt 누르고 드래그 또는 오른쪽에 independent corners 클릭 corner radius 에서 각각 입력 오각형 변신 사각형 더블클릭 펜툴로 원하는 부분 클릭 드래그 추가한 앵커 둥글게 원 그리기 변형 원 더블 클릭 펜 선택 원하는 부분 클릭, 펜이 자꾸 따라다니면 ctrl + 아무것도 없는 부분 클릭 화살표로 드래그 한쪽만 움직이고 싶다면 alt + drag 끝나면 done 클릭 도형 합치기 작은 원 그리기 원 복사 작은원 선택 alt + shift (같은 라인으로)+ drag 원 모두 합치기 원을 모두 선택 (전체 드래그) 위에 사각형 두개 있는거 클릭 union sel..

frame 두개 만들기 오른쪽 햄버거 메뉴 클릭시 왼쪽 menu 화면 slide 되는 화면 구현 예정 프로토타입 https://www.figma.com/file/JaCqhSD9CVRrvuJ6Yc0XB6/Untitled?type=design&node-id=4%3A105&mode=dev&t=jKg2WyDpLOgpLAWW-1

1. 2. 3. 사각형 툴로 1200*400 그리기 이전 작업 반복 (ctrl + d) 4.main 에 stroke 주기 5. main 사각형 ctrl + c, ctrl + v shift 키 누르고 사각형 줄이기 또는 287*123 간격 19 6. 이름 변경 7. 사진 넣기 이미지 위치 조절은 fill - image - crop 선택하고 이동 8. 양쪽 화살표 만들기 r 사각형 툴 선택 플러그인 iconfy 없으면. 있으면 9. 첫번째 작은 사진 과 큰사진 일치시키기 10. 전체 사진 선택 component (ctrl + alt + k) 11. 컴포넌트 이름 변경 12. 더블클릭하여 이미지 바꾼다. 13. 프로토타입 화살표 2번 instance 3instance 4 instance https://www...

1. 별 그리기 2. COMPONENT만들기 3. 색상 바꾸기 1. 더블 클릭 2. 색상 바꾸기 3. PROPERTIES 에서 이름 바꾸기 1 부분 선택 후 이름 바꾸기 (생략 가능) 이름 바꾸기(생략 가능) INSTANCE 가져오기 별 다섯개 선택후 SHIFT + A 간격 조정 컴포넌트 등록 ADD VARIANT 6개 만들기 TEST 우클릭 클릭해보세요 https://www.figma.com/file/NOAsBo3GwXX85jcgPdYUK1/Untitled?type=design&node-id=1%3A125&mode=dev&t=nJCOlreWC0WHRrOa-1

1. T 글자 입력 2. CREATE COMPONENT 아래 + 눌러서 총 4개 만들기 마침표 지우기 프로토타입

ELIPSE 툴로 원 그리기 원을 클릭하여 드래그한다. 또는 위에를 내린다. 어려우면 아래처럼 원을 두개 그리고 겹친후 겹친부분 빼도 된다. 컴포넌트 등록 ADD VARIANT 총 4개 만들기 각도 입력 두번째 더블 클릭 각도 90도 입력 3번째 180도 입력 4번째 원 더블 클릭하여 -90 입력 프로토타입 원 더블클릭하여 선택 후 드래그한다. 나머지 동일하게 연결하기

1. r (사각형) 툴로 사각형 그리기 360*280(원하는 크기) 복사하여 3개 만들기 2. 전체 박스 선택하여 이미지 넣기 또는 이미지 넣고 ctrl + g frame selection ctrl + alt + g frame 복사 (ctrl +c, ctrl +v 또는 alt + 드래그, ctrl + d) 전체 frame 선택 후 clip content frame2, frame 3 번의 group 선택 후 각각 2번 사진, 3번 사진 보이게 하기 frame 세개 선택후 component set prototype 1. 사진 선택 2. + 클릭 드래그 3 2번 사진 쪽으로 드래그 test https://www.figma.com/file/3WIO2l9TeUO090Y5TEfn1Q/Untitled?type=des..

1. R 사각형 그리기 ctrl + d * 2번 반복하여 사각형 4개 만들기 전체 사각형 선택 이미지 넣기 아무 주제 선택하여 넣기 plugin 닫기 사진 전체 선택하여 우클릭 그룹으로 묶기 우클릭 frame selection 또는 단축키 ctrl + alt + g ctrl + drag 하여 첫번째 사진만 영역 설정 (그냥 드래그 해도 됨) clip content check 여기서부터 사진 갯수만큼 반복 frame1 복사 (ctrl + c ,ctrl + v 또는 alt + drag) clip content 체크 해제 (unclip content) frame2 의 group1 선택 후 shift + 방향키 ← 로 frame 에 2번째 사진 위치할수 있도록 이동 1. frame 2 선택 후 2. unclip..