design log...

design log...

  • 분류 전체보기 (43)
    • 우당탕탕 스타트업 일기 (2)
    • Product 디자인 (19)
    • 디자인 관련 (9)
    • 저는 HTML으로 디자인 합니다 (13)
  • 홈
  • 태그
  • 방명록
RSS 피드
로그인
로그아웃 글쓰기 관리

design log...

컨텐츠 검색

태그

디자인시스템제작기 피그마카드디자인 figmacarddesign 피그마오토레이아웃카드 디자인대학원 대학원 피그마왕초보 figmaautolayout figmacardUI 앱아이콘사이즈 피그마오토레이아웃 클론코딩html 블록체인디자인 디자인시스템시작 클론코딩htmlcss 피그마 UI디자인 블록체인디자이너 피그마초보 피그마카드UI

최근글

댓글

figma(1)

  • [피그마] 왕초보 오토레이아웃(Auto layout)으로 Button 만들기

    어라인(Align) 알아보기 먼저 아래 이미지처럼 프레임 만들어주고 텍스트 추가해서 버튼 만들어 준다 프레임+텍스트 레이어 두개 잡고 마우스 오른쪽 클릭해서 Add auto layout을 선택(아래 이미지)하거나 쉬프트+A 오토 레이아웃으로 만들어주면 오른쪽 패널에 오토레이아웃이 활성화 된다. Horizontal layout/Align center 상태이며 버튼 텍스트를 바꿔주면 center 기준으로 버튼이 자동으로 늘어남 Align 선택시 텍스트가 고정되기 때문에 이 부분을 활용해서 추후에 반복되는 리스트UI 작업이 가능하다. 패딩값(Padding) 알아보기 파란색 빗금쳐진 부분이 상단 Padding이며 마우스 오버시 확인이 가능하다 마우스로 조절 할 수도 있고 하단 이미지처럼 패널에서 아이콘 눌러 수..

    2023.08.01
이전
1
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바