반응형 피그마 기초 반응형 2 [figma] 피그마 작업 전에 해야할 필수 과정! 레이아웃 그리드 세팅하는 방법! [figma] 피그마 작업 전에 해야할 필수 과정! 레이아웃 그리드 세팅하는 방법! 안녕하세요. 당근입니다. 오늘은 이제서야?... 싶게도 피그마로 웹이나 모바일 화면을 설계하실 때 필요한 필수 세팅! 레이아웃 그리드를 설정하는 법을 알려드릴게요. 작업전 그리드를 잘 세팅해놔야 작업하기도 빠르고, 정렬이 깔끔하게 되겠죠. 빨리 알아볼까요? 왼쪽 상단에 프레임 버튼을 눌러 새로운 프레임을 만드세요. 드래그하셔서 그리신 다음 사이즈 세팅을 하셔도 되고, 오른쪽 디자인 탭에서 제공하는 사이즈를 선택하셔도 됩니다. 데스크탑 사이즈나 태블릿 모바일 등등 원하시는 크기로 설정하세요. 저는 1920x1080으로 세팅했습니다. 하셨나요? 오른편 디자인탭에서 Layout grid가 보이실거예요. +버튼을 눌러 그리드를 .. 2021. 11. 1. [피그마] 업데이트된 오토레이아웃 기능! 더 쉬워진 반응형 버튼 만들기 [피그마] 업데이트된 오토레이아웃 기능! 더 쉬워진 자동으로 반응형 버튼 만들기 안녕하세요. 당근입니다. 지난번에 figma에서 텍스트 길이에 반응하는 버튼을 만드는 방법을 포스팅한적이 있죠. 그때는 저도 피그마가 익숙치않던 시절이었는데요. 바로 이 포스팅입니다. 2020/03/03 - [디자인/피그마] - [피그마figma] 텍스트 길이에 따라 변하는 플렉서블flexible 버튼 만들기 [피그마figma] 텍스트 길이에 따라 변하는 플렉서블flexible 버튼 만들기 [피그마figma] 텍스트 길이에 따라 크기가 변하는 플렉서블flexible 버튼 만들기 안녕하세요. 당근입니다. 오늘은 간단하지만 되게되게 유용한 피그마 튜토리얼입니다. 저도 요즘 피그마에 적응중 nicecarrot2.tistory.co.. 2020. 12. 31. 이전 1 다음
