Скачать или смотреть 피그마 신기능 모두가 감탄한 Figma Site 끝장내기 강의

좋아요, 구독, 알림, 댓글은 큰 힘이 됩니다.
마디아채널 멤버십을 가입하시고 매월 제작되는 원본 파일을 받아보세요
(가입 이전 파일을 받으실 수 없습니다.)

안녕하세요, UIUX 디자이너 마디아입니다. 현직 실무자의 시선으로, 한 끝 차이를 만드는 디자인의 전문적인 관점을 공유합니다. 함께 성장하고 싶다면 구독하고 실무 팁을 받아보세요.

━━━━━━━━━━━━━

피그마 사이트(Figma Sites)가 나오면서 '이제 반응형은 자동으로 되는 건가?'라고 기대하셨나요? 결론부터 말씀드리면, 디자인은 결국 우리가 직접 제대로 만들어야 합니다. 🧐 오늘은 피그마 사이트의 기본 개념부터, 실무에서 PC/태블릿/모바일 반응형을 완벽하게 대응하기 위한 컴포넌트 구성법, 그리고 화제의 AI 기능 '메이크(Make)'의 솔직한 실무 체감까지 가감 없이 담았습니다."

━━━━━━━━━━━━━

00:00 인트로: 피그마 사이트 맛보기
01:31 접속 방법: 2가지 루트
02:41 구조 분석: 프레임과 반응형
04:29 템플릿: 섹션 드래그 활용법
06:37 실전: 디자인 소스 적용하기
08:31 핵심: 반응형 GNB 가공 노하우
11:12 규칙: 디바이스별 네이밍 가이드
15:16 배너 대응: 제약 조건(Constraint)
18:30 기능: 퍼블리시 및 배포 방법
19:49 효과: 스크롤 및 호버 애니메이션
22:26 확장성: 지도 및 외부 링크 연결
24:31 체험: 피그마 AI 솔직 리뷰
30:22 아웃트로: AI 기능의 현주소

━━━━━━━━━━━━━

▶ 문의 : madia_designer@naver.com
► 인스타그램 :   / madia_designer  

━━━━━━━━━━━━━

➤마디아 사이트
https://www.madia.co.kr

━━━━━━━━━━━━━

➤아래 재생목록에서 수 백개의 디자인 팁을 배워가세요

1. UXUI 디자인
https://tinyurl.com/2ahldj8g

2. 포토샵 팁
https://url.kr/qo19er

3. 그래픽 디자인 팁
https://tinyurl.com/2alqf6k6

4. 시청자 컨펌
https://tinyurl.com/23dluwod

5. UI 디자인 무작정 따라하기
https://tinyurl.com/2ammyfnb

6. 디자인 정보
https://tinyurl.com/293gmjdm

7. 디자인 툴
https://tinyurl.com/2cg88eew

━━━━━━━━━━━━━

►1.단톡방 : https://open.kakao.com/o/gakaJCvb
►2.단톡방 : https://open.kakao.com/o/g5bBXBvb

━━━━━━━━━━━━━

►이미지 정보
https://pixabay.com
https://unsplash.com

►그래픽소스
https://www.freepik.com

━━━━━━━━━━━━━

본 디자인은 다양한 해외 벤치마킹을 통해 고민 없이
비주얼 적으로만 디자인되었음을 알립니다.

━━━━━━━━━━━━━

#마디아디자인 #피그마 #FigmaSites #반응형디자인 #UXUI디자인 #피그마신기능 #디자인실무 #피그마AI #FigmaMake