피그마4 반응형 피그마 프레임(Frame) 사이즈만 변경하는 방법 프레임 사이즈를 조절하면 프레임 안에 있는 Asset들이 Constraints의 영향을 받아서 마음대로 사이즈를 조절이 안됩니다. 프레임 상단 사이즈를 변경하려는데, 하단의 이미지처럼 프레임 Asset들이 상단에 고정돼서 하단 사이즈가 변경됩니다. 지금부터 Constraints 영향을 받지 않고 자유롭게 프레임의 사이즈를 변경하는 방법을 알려드릴게요. 프레임(Frame) 사이즈만 변경하는 방법 "Command(Mac), Ctrl(Windows)"를 누른 상태에서 Frame 사이즈를 변경하는 겁니다. 그럼 하단의 이미지처럼 Frame안에 있는 Asset들을 영향을 받지 않고 사이즈만 변경할 수 있습니다. 이제는 쉽고 간편하게 프레임 사이즈를 변경하세요. 2022.01.04 - [디자인/피그마(Figma)].. 2022. 7. 16. [피그마] 단축키 추천 & 팁 피그마로 UI 디자인 작업할 때, 유용하게 사용했던 단축키 및 팁을 소개해드릴게요. 목차 01. 피그마 전체 단축키 확인 디자인 툴의 단축키는 대부분 비슷한 것 같아요. 직접 확인하면서 본인의 작업 스타일에 맞는 단축키를 찾아보세요. 단축키 - Window : Ctrl + Shift + / - OS : Control + Shift + / 02. 전체 레이어 한 번에 닫기 레이어가 다 열려 있으면 작업 중인 레이어를 찾기 힘듭니다. 그래서 저는 작업 중인 레이어만 열고 작업을 하고 있어요. 한 번에 레이어를 닫는 방법을 알려드릴게요. 단축키 - Window : 최상위 레이어를 'Ctrl + A'로 전체 레이어 선택 -> Ctrl를 누른 상태에서 레이어 닫기 - OS : 최상위 레이어를 'Control +.. 2022. 1. 4. 피그마에서 문서 작업 시, 유용한 플러그인 Top5 추천 저는 UI 디자인뿐만 아니라 문서 작업도 피그마로 하고 있어요. 피그마에서 문서 작업할 때, 유용하게 사용할 수 있는 플러그인을 추천드려요. 피그마로 문서 작업 시 장점 - 설치 없이 웹에서 문서 작성 가능 - 오토 레이아웃 및 컴포넌트를 이용한 문서 템플릿 사용 - 문서 공유 및 협업의 편리함 - 문서 버전별 관리 - 다양한 플러그인 사용 목차 01. Glyphs 소개 : 이름 그대로 글리프 플러그인으로 문서 작성 시, 필요한 특수 문자를 바로 찾아서 사용할 수 있습니다. 활용 방법 : 문서를 작성 시 대분류, 소분류 등 문단을 구분할 때 활용하기 좋습니다. 링크 : www.figma.com/community/plugin/849323869157549525/Glyphs Figma - Glyphs | Di.. 2021. 3. 10. [피그마]Auto layout(오토레이아웃)으로 Underline Tab(언더라인 탭) 만들기 UI 작업을 하다 보면 Underline이 들어간 Tab을 만들게 되는데요. Tab에 들어가는 텍스트(탭명) 길이가 제각각이기 때문에 새로운 것을 만들 때마다 Underline 길이를 조절해야 하는 번거로움이 있어요. 피그마의 Auto layout을 이용하면 텍스트 길이에 맞게 Underline이 자동으로 조절되게 할 수 있어요. 지금부터 제작하는 방법을 설명해드릴게요. 01. Auto layout으로 Text 만들기 1) 텍스트를 Auto layout(shift + A)으로 만들어줍니다.(Auto layout 방향은 상관없습니다) 2) Resizing : Fill container, Fixed height (탭 높이에서 Underline 높이를 뺀 높이로 설정)로 설정해줍니다. 3) Text에 Padd.. 2021. 2. 5. 반응형 이전 1 다음
