공부

  • 홈
  • 태그
  • 방명록

2026/06/16 1

Figma로 반응형 디자인 만들기 - Constraints, Auto Layout

오즈코딩스쿨의 13일차 수업 리뷰아직 피그마 기초를 다루는 시간이다! Auto Layout 사용해서 반응형 디자인 실습해보기 새롭게 배운 점 (from Grid 실습)- 이미지 내부 설정이 Crop 이 아닌 Fill로 되어 있어야 반응형에 들어갔을 때 자동으로 정렬이 된다. - 그리드에서 오른쪽의 콘텐츠 자동정렬을 해제해야 원하는 대로 디자인을 배열할 수 있다.- 최대 / 최소 넓이를 지정했을 때 반응 새롭게 배운 점 (from Auto layout 실습)- 내부의 Gap은 Auto로, 프레임은 Fill(가로의 경우 w를 Fill, 세로의 경우 h을 fill)로 설정해야 반응형을 했을 때 제대로 늘어난다. Figma Constraints프레임 크기가 달라질 때, 레이어가 어느 방향을 기준으로 유지되..

UI 공부 2026.06.16
이전
1
다음
더보기
프로필사진

공부

itstudyjane 님의 블로그 입니다.

  • 분류 전체보기 (15) N
    • 일일과제 (1)
    • UI 공부 (13) N
    • UX 공부 (0)

Tag

UX, 라인, 토스, 디자인시스템, G마켓, AI디자이너, 프로덕트디자이너, 오즈코딩스쿨,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바