funfunweb

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..

왼쪽 위 버튼이 없을 경우 ctrl + shift + i 누르면 없어짐.

키보드 [ 작게 키보드 ] 크게 symbol sprayer tool 로 심볼 들어가야하는 자리에 클릭하여 넣는다. 잘못 만들어진 것은 alt 누르고 클릭하면 지워진다. 클릭 드래그하여 위치 이동가능하다. 대표사진 삭제 사진 설명을 입력하세요. 모인다. alt + 클릭하면 퍼트려짐 사이즈 조절 클릭하면 사이즈 커짐. alt+ 클릭 사이즈 작아짐. 클릭 드래그 하여 회전한다. fill 에 색상 변경후 클릭하면 색상 변경된다. 클릭하면 투명해짐 alt 누르고 클릭하면 원래대로 여러번 클릭하면 많이 투명해짐 symbol에 그래픽 스타일 줄때 사용

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

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