inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

오리엔테이션 1. 이 수업을 통해 얻는 것

파워포인트의 화면설계서와 같은....Description은...

386

심재홍

작성한 질문수 1

0

에릭선생님!

샘 강의 완강했고요. 덕분에 몇단계 경험치가 올라간 듯 싶습니다. 감사드리고요.

한가지 질문이 있는데요.

  1. 파워포인트로 현업들과 협의하면서 화면설계서를 기획자가 작성을 하고

  2. 그 화면설계서를 웹디자이너, 퍼블리셔, 개발자에게 배포

이런 식으로 개발 프로젝트를 진행하고 있다면 피그마로 화면설계서를 대체할만한 노하우나 예시가 될만한 탬플릿이 있을까요?

강의에서 설명하신 섹션 15. 핸드오프 강의를 봤을 때 예제 피그마 파일에서 description(보통 ppt 화면설계서 양식에 있는..) 부분이 없어서요. 에릭샘께서는 보통 개발자들과 소통을 어떻게 하시는지 궁금합니다.

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

답변 1

1

에릭

안녕하세요. 좋은 질문 감사드리고 잘 이해했습니다.

화면 설계서 같은 경우에는, 어떤 정해진 형식은 없다고 생각이 됩니다만, 필요하다면 Frame을 만들고, 그 안에 기획서, 설계도, 와이어 프레임과 더불어 말씀하신 Description을 넣을 것 같습니다. 그렇게 되면 Frame이 하나의 화면 (파워포인트로 친다면 하나의 슬라이드)이 될 것 같습니다.

피그마 커뮤니티를 찾아보니, 관련해서 템플릿을 만드신 분이 있어 공유를 합니다.

https://www.figma.com/community/file/1196061641467214979/2023-uxui-quick-uxui-wireframe-templates?searchSessionId=lynciqxa-ywqog5f7cm

감사합니다.

0

심재홍

😍 "정해진 형식은 없다" 라는 말씀에 공감하고 도전의식이 생기는군요!

템플릿까지 링크 걸어주시고! 너무 감사합니다!

프레임 조정 관련

0

62

2

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

0

74

1

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

0

112

0

하단바 고정

0

411

2

도형 오토레이아웃 설정

0

146

2

단락별 행간 조절

0

97

2

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

0

90

2

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

0

169

3

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

0

377

3

Auto Layout 적용이 되지 않습니다

0

404

2

SF Symbols 윈도우

0

367

2

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

0

143

2

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

0

162

2

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

0

326

2

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

0

145

2

Style 저장하는데 Variable?

0

378

1

Text 박스 조정하는 법

0

1063

2

확장성

0

117

2

하단바 설정하는 방법

0

294

2

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

0

613

4

하단바 고정시

0

936

3

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

0

177

2

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

0

145

2

오토레이아웃

0

144

2