데일리콘텐츠

[반응형 웹, 해상도별로 잡지 마세요.Figma sites로 Open Ai 랜딩페이지 반응형으로 만들어보기!]

피그마 튜터2025. 6. 30.

👉Figma 커뮤니티 자료

👉피튜브 영상(약 20분 완주)

📌3줄 요약

✔️레이아웃이나 해상도가 변경되어야 할 땐?

Figma 에서 오토 레이아웃을 잘 잡아서 옮기기

사이즈+레이아웃이 바뀌어야 하는 부분 랩+최소&최대값+Fill container 활용

사이즈만 대응되어야 할 땐 Grid 활용

✔️텍스트 사이즈 설정할 땐?

Sites에서 텍스트 스타일을 등록하고, 옵션에서

브레이크 포인트별로 텍스트 사이즈 설정하기

✔️해상도별로 다른 모듈이 노출되어야 할 땐?

컴포넌트 세트로 묶고 Value를 Web/ Tablet / Mobile로 설정하기