inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

[모바일 OTT 앱] 컨텐츠 상단 페이지 만들기

image aspect ratio

59

culwonder.company

작성한 질문수 11

0

image aspect ratio 이거 관련된 플러그인이 없어진거 같은데
그래서 강의 내용대로 만들기 힘듭니다
ㅠ_ㅠ

이부분은 강의 다시 업데이트 안될까요?

웹-디자인 figma figma-tokens 디자인-시스템 아토믹-디자인 figma-variable 프로덕트디자인

답변 1

0

볼드 UX

안녕하세요,

 

우선 강의 촬영 시점과 현재 버전이 달라 플러그인이 없어져 혼동을 드려 죄송합니다.

 

피그마 업데이트로 Lock ratio 기능이 플러그인 없이도 피그마 안에서 바로 지원됩니다.

아래 이미지처럼 프레임이나 도형의 Layout 메뉴에서 가장 오른쪽 버튼을 클릭하시면, 설정된 비율에 따라 크기가 자동으로 조정됩니다.

 

118ce6e7-80d7-47c6-9277-a95f01f9509f.webp

 

단, 버튼을 누르기 전에 미리 비율 계산을 해두셔야 합니다.

예를 들어 4:3 비율이라면 400×300 크기로 설정 후 컴포넌트화하시면 됩니다.

 

이 부분에 대한 설명도 강의에 곧 추가하도록 하겠습니다.

감사합니다.

볼드 드림.

반응형 웹 디자인

0

58

2

액션 아이콘 컴포넌트 질문

0

46

2

셀렉트(Select & Dropdown menu) - 파트 1 / selected 토글 버튼

0

48

3

스피너 아이콘 크기 질문

0

50

2

미리보기 빈칸생기는 현상

0

40

2

아이콘 빌런 부분

0

45

2

배리어블 Value에 관해 질문있습니다.

0

79

1

Body>font weight 에서 semibold에 짝대기가 생기는 이유?

0

61

1

Navigation Mobile 토글 베리어블이 안됩니당

1

61

2

Typography 모드 적용시 표현된 값과 우측에 표시되는 값다름

0

56

1

디자인 시스템에 그룹명을 숨길 수도 있나요?

0

61

2

디자인 시스템 네이밍에 관한 질문드립니다.

0

76

2

next step?

1

91

1

16강 Print Variables 출력 질문

0

93

2

open in Figma 누르고 ui kit 다운?받았을 때

0

94

2

variables 이름 지을때 소문자,대문자 사용에 관해..

0

122

2

디자인 시스템 네이밍 순서에 대해 질문남깁니다!

0

139

2

이미지 캐러셀 영상

0

82

2

아이콘 사이즈 컴포넌트 구성 방식 관련

0

136

3

완강/리뷰 이벤트 후 강의자료

0

74

2

Stack 컴포넌트 관련하여 궁금한 점이 있습니다.

0

74

1

컴포넌트별 베리어블 구축

0

102

2

인풋 텍스트필드에서는 왜 'interactive/bg' 배리어블을 활용하지 않는 것인가요?

0

51

1

섹션 6 / 29.Button 강의의 아이콘 인스턴스 스왑 질문

0

59

2