Figma 정리11 Figma_Auto layout 리사이징 오토 레이아웃 [ Shift + A ]: 컨텐츠에 따라 자유롭게 변현되는 프레임요소를 수정할때 자동으로 사이즈 변경이 가능하다. ex)웹 브라우저를 줄이면 안에 있는 콘텐츠로 같이 줄어든다. 그룹 VS 오토 레이아웃그룹 : 글자를 추가로 입력하게 되면 배경이 같이 늘어나지 않는다.오토 레이아웃 : 글자와 배경이 같이 늘어난다. ❗작은 요소를 순서대로 합치며 점점 큰 단위로 묶어주자. (한번에 합치게 되면 순서가 뒤죽박죽 크기가 변하기 때문이다.) 요소를 프레임에 넣기 간격 조정 하기 Auto layout 리사이징콘텐츠 fixed width 📌 Fixed width : 응 안 움직여❤️🔥 Fill container : 콘텐츠가 컨테이너 채워줄게👩🍼 Hug contents : 컨테이너가 콘텐츠.. 2024. 4. 29. Figma_Flow chart 만들기 Flow chart란?프로세스 단계를 시작적으로 보여주는 다이어그램이다. Flwo chart 구성 요소 1. 플러그인에서 flow chart 검색 및 열기 2. 도형 위에 커서를 올려 용도 확인 3. 화살표 선택 후 도형 선택 및 반복 4. 내용 입력 5. 완성 2024. 4. 25. Figma_Group & Frame & Section 생성 및 차이 Section : 프레임들을 담는 단위Frame : 콘텐츠를 담는 박스Group : 요소를 묶는 단위 Frame VS Group프레임과 그룹의 차이 같은 조건의 Frame 과 Group을 만들었다. Frame : 프레임 위에 프레임 이름이 적힌 모습을 확인할 수 있다.Group : 그룹은 이름이 적히지 않은 모습을 확인 할 수 있다. Stroke Frame : 프레임 테두리에 선 두께가 변한 것을 확인 할 수 있다.Group : 모든 도형의 선 두께가 변한 것을 확인 할 수 있다.Fill Frame : 프레임에 색이 채워진 모습을 확인 할 수 있다.Group : 도형의 모든 색이 채워진 모습을 확인 할 수 있다. Resizing Frame : 도형의 크기는 변하지 않고 Frame의 크기만 변한다.Gro.. 2024. 4. 25. Figma_Unslpash 플러그인 사용법 1. Unsplash 플러그인 활성화 2. 넣고 싶은 이미지 선택 및 ctrl 3. Unsplash에서 이미지 선택 ( Unsplash 북마크에서 선택할 경우 원한는 테마의 이미지를 랜덤하게 받을 수 있음) 2024. 4. 24. 이전 1 2 3 다음
