inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

오픈소스 템플릿을 활용한 UI디자인 기초작업

컴포넌트 관련해서

396

Cloe

작성한 질문수 15

0

안녕하세요 강사님!

강의를 듣다 질문이 생겨 글 남깁니다^^

ui kit에서 템플릿을 복사해 가져왔을 때 component가 걸려있어 이걸 풀어주셔야 한다고 말씀주셨는데, component인 상태가 어떤 상태인건가요? 그 상태로 진행하면 어떤점이 문제가 될 수 있나 해서요! 그리구 component삭제한뒤에 detach instance를 눌렀을 때는 어떤 상태로 바뀌는건가요? 요소 하나하나 언그룹처럼 편집할 수 있는 상태로 바뀌는것을 의미하는게 맞을까요?

그리고 상단바를 카피해왔을때 Local Components에 상단바가 아니라 frame이 전체 다 나오는데 이건 삭제하면 frame이 사라지더라구요!

그리고 다 삭제한뒤에 다시 새롭게 frame을 만들어서 해봤는데, 이번엔 좌측에 컴포넌트 모양 아이콘이 안나오고, Assets을 눌러도 빈칸으로 되어있는데.. 혹시 어떤 차이인지 아실까요?

 

하나 더 질문이 있는데요!

이렇게 텍스트를 누르고 아이콘이랑 정렬하려했는데, 텍스트를 누르니 정렬부분이 비활성화 되어있어요. 추가 작업을 해줘야하는게 있을까요..??

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

답변 1

0

에릭

Cloe님 안녕하세요.

질문 감사합니다.

먼저 Component에 대한 개념에 대해서 질문을 주셔서 Component라는 것이 어떤 상태인지 이해하기 위해서는 먼저 아래 강의 영상을 시청하신 후 질문을 주신 부분에 대한 영상을 시청하시기 바랍니다.

https://www.inflearn.com/course/%ED%94%BC%EA%B7%B8%EB%A7%88-ui%EB%94%94%EC%9E%90%EC%9D%B8/unit/57864?tab=curriculum

짧게 설명을 드리자면, Component란 어떤 특정 요소(대개는 여러 오브젝트가 결합된 요소)에 대해서 여러군데에서 재사용을 해야겠다고 판단이 된다면 Component로 등록을 하고, 등록이 된 다음부터는 꺼내서 사용을 하는 개념입니다.

Detach instance를 누르면 어떤 Component에도 종속되지 않는 상태가 되는 것입니다. 말씀하신 것처럼 자유롭게 편집할 수 있는 상태라고도 볼 수 있습니다. Detach instance의 개념 역시 위 영상에서 나오니 확인해보시면 좋을 것 같습니다.

상단바를 카피해왔을 때 frame이 전체가 다 나오고, 삭제하면 frame이 사라진다고 하셨는데, 이 부분은 제가 왜 그렇게 되는지 잘 알 수가 없어서요. 카카오 오픈 챗을 통해 연락을 주시고, 저에게 해당 파일 링크를 공유해주시면 왜 이런 현상이 나타나는지 확인해볼 수 있을 것 같습니다.

정렬에 대한 부분도 마찬가지로 오픈챗으로 공유를 해주시면 확인해보도록 할게요.

감사합니다.

0

에릭

오픈챗 링크입니다.

https://open.kakao.com/o/sSCcLHqc

프레임 조정 관련

0

77

2

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

0

86

1

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

0

122

0

하단바 고정

0

455

2

도형 오토레이아웃 설정

0

156

2

단락별 행간 조절

0

101

2

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

0

93

2

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

0

176

3

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

0

395

3

Auto Layout 적용이 되지 않습니다

0

413

2

SF Symbols 윈도우

0

379

2

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

0

149

2

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

0

166

2

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

0

334

2

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

0

147

2

Style 저장하는데 Variable?

0

393

1

Text 박스 조정하는 법

0

1100

2

확장성

0

121

2

하단바 설정하는 방법

0

302

2

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

0

637

4

하단바 고정시

0

954

3

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

0

183

2

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

0

148

2

오토레이아웃

0

147

2