피그마 Auto Layout 사용법 - 피그마 강좌 2-2

Поделиться
HTML-код
  • Опубликовано: 29 апр 2024
  • 피그마의 오토레이아웃 기능을 마스터하는 시간입니다! 오토레이아웃은 디자인에서 반응형 요소를 구현할 때 매우 중요한 기능으로, 이를 통해 요소 간 간격, 마진, 패딩을 자동으로 조정하며 일관된 레이아웃을 유지할 수 있습니다.
    오늘 이 영상에서는 오토레이아웃을 설정하는 방법과 다양한 활용 사례를 알아보고, 실제 작업 흐름에서 어떻게 적용하는지 보여드릴 것입니다.
    #피그마 #figma #ui #디자인 #autolayout #오토레이아웃
    🚀 디자인베이스 멤버십 가입하면 다양한 고급 강좌와 예제 파일을 받아볼 수 있어요
    ┗ / @designbase
    🌟예제 다운은 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.🌟
    *디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커멘드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.
    ☞ 공식 웹사이트 : designbase.co.kr/

Комментарии • 9

  • @plain8204
    @plain8204 3 месяца назад

    7시간 전에 올라온 따끈한 강의
    속성으로 다 들어버렸어요..ㅠㅠ
    다음 강의들도 기대하겠습니다 감사합니다❤‍🔥

    • @designbase
      @designbase  3 месяца назад +1

      감사합니다ㅎㅎ👍

  • @happysocialclub
    @happysocialclub Месяц назад +1

    반응형 처리할때 알아야 할것이 1. 오토레이아웃 2. 컨스테인시 (?
    - 3:12
    - 스태킹 순서 바꾸기 3:47
    - ⭐하위요소들을 전부 선택해서 Fixed로 바꾸어야 정상 적용됨. 4:44
    - 5:26 fill, hug, fixed에 대한 설명

  • @qqisy
    @qqisy 2 месяца назад +4

    fill fixed hug 개념이 너무 어렵네요 ㅠㅠ 저만 그런가요 ㅠㅠ 흑흑

    • @designbase
      @designbase  2 месяца назад

      익숙하지 않을때는 좀 헷갈리는 개념이긴 하죠..!ㅠㅠ 자주 사용하시다보면 쉽게 느껴지실겁니다.

  • @user-zc4yt7bl4u
    @user-zc4yt7bl4u 3 месяца назад

    css 플랙스랑 거의 같은 기능이네요

    • @designbase
      @designbase  2 месяца назад

      그쵸ㅎㅎ 맞습니다.

  • @user-zw5wp1zp6v
    @user-zw5wp1zp6v 10 дней назад

    혹시 소스코드 참고하고 싶은데 올려주실 수 있을까요..?ㅜㅜ

    • @designbase
      @designbase  4 дня назад

      소스코드가 실습 자료를 말씀하시는걸까요? 멤버십 가입하시면 받으실 수 있습니다~!