inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

UX/UI 시작하기 : Figma 입문 (Inflearn Original)

컴포넌트와 인스턴스 질문이요!

257

hellena5103

작성한 질문수 1

0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
 

안녕하세요! 강의 너무 잘 듣고 있습니다.

챕터 5의 강의 <와이어프레임을 위한 컴포넌트 만들기> 강의를 듣던 도중 저의 figma설정에서는 해결이 되지 않는 부분이 생겨서 질문을 남깁니다.

 

와이어프레임을 만들기 위하여 처음으로 요소들을 만드는 과정에서,

thumbnail, avatar, box, text 그리고 icon 을 그리고 난 뒤 각각 component 를 설정하였습니다.

그런데 icon은 제일 마지막에 box 컴포넌트에서 인스턴스로 생성한 뒤에 24*24로 사이즈를 줄여 detach instance를 하고 재차 component로 설정한 것을 보았습니다.

그런 뒤에 box 컴포넌트의 fill 값을 조정했을 때, 원래의 인스턴스였던 icon 컴포넌트 역시 함께 fill 값이 변경되는 것을 강의에서 확인하였는데요.

 

여기에서, 저는 icon 컴포넌트의 값이 box 컴포넌트를 따라서 변경되지 않습니다..

물론 icon 컴포넌트 안에 비어있는 다이아몬드로, box의 인스턴스라는 표시도 찾을 수 없어요 ㅠ

 

강의를 보면서, 예제 실습 페이지가 아닌 새 페이지에서 그리며 강의를 따라가는 중이긴 합니다.

지금 과정에서 필수적인 부분은 아니지만, component -> detach instance -> 다시 component의 과정에서, 이전 컴포넌트의 기능이 따라오는 부분을 배웠어서 질문을 남깁니다.

혹시 제가 놓친 부분이 있었던 걸까요?

컴포넌트 인스턴스 프로토타이핑 detachinstance figma icon 컴포넌트이해와활용 와이어프레임을위한컴포넌트만들기

답변 0

피그마 현재화면

0

112

1

현재 일자 버전의 Inspect

0

356

1

해당 강의 시작 때 강사님이 얘기한 예제 및 자료들을 확인할 수 없습니다.

2

652

4

우측 도구창에

0

348

1

figma mirror 어플

1

632

2

아이콘 사이즈 변경 문의

0

383

1

수업중 카드 UI 예제 부분은 어디서 받을 수 있어요?

0

388

2

figma에 폰트 추가

0

16170

1

이미지 갤러리 형태페이지에서 팝업 스크롤 부분이 이해가 안됩니다.

0

316

1

예제는 어디서 받아볼수 있나요?

0

707

2

Clip content

0

469

1

피그마 미러링 관련 질문

0

2443

1

자꾸 팀을 만들라는 창이 떠요

0

332

1

옵션키가 정확히 어떤키를 말하는지 궁금합니다.

0

1250

1

스트록 복사 알려주세요,,

1

408

2

constraints에서 상단 스크롤 고정을 할 수 있는 체크 박스 가 보이지 않아요.

0

3054

1

토글버튼

0

663

1

예제 샘플 공유

3

834

1

원본으로 가기

0

316

0

맥 텍스트 스타일 복사

0

957

0

(으잉..!)좋은 강의인데. UI가 너무 달라져서. 완전 다른 프로그램이 되었네요

3

723

0

member 초대가 불가능해요 ㅠㅠ

0

492

0

피그마 메인 화면이 저랑 선생님꺼랑 달라요

0

493

1

Figma mirror 어플 설치 관련

2

1652

1