inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

웹 또는 앱 디자인 따라할때 질문.

268

freedominf0231

작성한 질문수 14

0

실제 웹 따라할때 실제 픽셀 과 오브젝트 사이의 픽셀크기들 , 글꼴의 크기 어떻게 아는건가요??

따라하려는 사이트 화면 확대축소 비율 100%로 캡처한후에

피그마로 사진 가져온후 피그마 상의 확대비율 100%로 맞추면

동일한 픽셀인것인가요?

 

추가로

만약 따라해서 제작한후에 피그마상에서

실제 사이트처럼 구현되는것을 확인할수있는 방법이 있을까요?

 

웹-디자인 모바일-디자인 figma

답변 1

0

에릭

안녕하세요. 질문 감사합니다.

네, 화면 캡쳐한 후 그것에 맞추어 픽셀크기와 글꼴을 정하시면 될 것 같습니다.

그리고 모바일의 경우 화면을 캡쳐했을 때에, 해당 모바일 디바이스의 viewport에 맞추어서 조정을 해줘야 할 수 있는데요. Viewport에 대해서는 아래 글을 읽어보시기 바랍니다.

https://www.inflearn.com/news/103690

감사합니다.

강의 수강 기간 연장 부탁드리겠습니다

0

23

1

프레임 조정 관련

0

95

2

arrow auto 플러그인이 검색해도 안나오는데 대체할 다른플러그인 추천해주실수있을까요 ?

0

97

1

오브젝트간 간격 4px 주시는 이유가 구체적으로 궁금합니다.

0

132

0

하단바 고정

0

499

2

도형 오토레이아웃 설정

0

170

2

단락별 행간 조절

0

105

2

수강기한 연장 관련 질문드립니다.

0

103

2

24화 질문인데 도형 선택해도 layer가 안 뜹니다

0

189

3

go back to previous(이전 버전으로 가기) 가 안뜹니다

0

415

3

Auto Layout 적용이 되지 않습니다

0

423

2

SF Symbols 윈도우

0

390

2

섹션 13 질문입니다. Asset에 Toolbar가 뜨지 않습니다

0

153

2

Constraint기능에서 Top & Bottom 기능이 연동이 안되네요

0

177

2

Copy Link로 프로토타입 공유 시, 휴대폰 프레임 안보이게 하는 기능

0

346

2

프레임 크기를 조정하다가 모르는 박스를 발견했어요.

0

156

2

Style 저장하는데 Variable?

0

399

1

Text 박스 조정하는 법

0

1133

2

확장성

0

129

2

하단바 설정하는 방법

0

313

2

컴포넌트들 에셋상에서 폴더값으로 분류하는 법

0

663

4

하단바 고정시

0

977

3

섹션 12 예제 파일이 안보입니다!

0

187

2

제플린 핸드오프에 관련 질문입니다.

0

151

2