피그마 Auto Layout 사용법 - 피그마 강좌 2-2
ฝัง
- เผยแพร่เมื่อ 14 ต.ค. 2024
- 피그마의 오토레이아웃 기능을 마스터하는 시간입니다! 오토레이아웃은 디자인에서 반응형 요소를 구현할 때 매우 중요한 기능으로, 이를 통해 요소 간 간격, 마진, 패딩을 자동으로 조정하며 일관된 레이아웃을 유지할 수 있습니다.
오늘 이 영상에서는 오토레이아웃을 설정하는 방법과 다양한 활용 사례를 알아보고, 실제 작업 흐름에서 어떻게 적용하는지 보여드릴 것입니다.
#피그마 #figma #ui #디자인 #autolayout #오토레이아웃
🚀 디자인베이스 멤버십 가입하면 다양한 고급 강좌와 예제 파일을 받아볼 수 있어요
┗ / @designbase
🌟예제 다운은 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.🌟
*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커멘드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.
☞ 공식 웹사이트 : designbase.co.kr/
진짜 돈내고 들어야하는 강의네요.. 대박. 다 듣고나면 양심적(?)으로 최소 커피값 이상은 보내야 한다는 개인적인 생각입니다ㅎㅎ 일단 조금 보냈습니다ㅋ(1강에서 땡스 눌렀어요) 감사해요😄
감사합니다!ㅎㅎ🙏🙏
7시간 전에 올라온 따끈한 강의
속성으로 다 들어버렸어요..ㅠㅠ
다음 강의들도 기대하겠습니다 감사합니다❤🔥
감사합니다ㅎㅎ👍
반응형 처리할때 알아야 할것이 1. 오토레이아웃 2. 컨스테인시 (?
- 3:12
- 스태킹 순서 바꾸기 3:47
- ⭐하위요소들을 전부 선택해서 Fixed로 바꾸어야 정상 적용됨. 4:44
- 5:26 fill, hug, fixed에 대한 설명
fill fixed hug 개념이 너무 어렵네요 ㅠㅠ 저만 그런가요 ㅠㅠ 흑흑
익숙하지 않을때는 좀 헷갈리는 개념이긴 하죠..!ㅠㅠ 자주 사용하시다보면 쉽게 느껴지실겁니다.
안녕하세요~! 좋은 영상 잘 보고있습니다! 혹시 옵션키가 어떤건지정확하게 알수있을까요?
안녕하세요. 옵션키는 윈도우에서 Alt키입니다~!ㅎㅎ
피그마 무료버전은 오토레이아웃에서 고급레이아웃이 없나요?? 간격을 설정해야 되는데 못하고있네요..
무료버전도 다 가능합니다. 혹시 고급 레이아웃이 뭔가요? 간격 설정은 다 가능합니다.
@@designbase 해결됐어요!ㅎㅎ
글자를 편집할려고 하면 Missing fonts가 뜨는데 폰트다운은 멤버쉽 자료 어디서 받을수있나요
안녕하세요. 무료 폰트를 사용했기 때문에 없다고 나오는 폰트를 구글에 검색 후 설치해주세요. 주로 Pretendard, SF 폰트를 사용했습니다.
혹시 소스코드 참고하고 싶은데 올려주실 수 있을까요..?ㅜㅜ
소스코드가 실습 자료를 말씀하시는걸까요? 멤버십 가입하시면 받으실 수 있습니다~!
css 플랙스랑 거의 같은 기능이네요
그쵸ㅎㅎ 맞습니다.