inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

25강.컴포넌트 만들기 전 라이브러리 세팅하기

해결됨

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

안녕하세요. 우선 강의 너무 열심히 만들어주셔서 감사합니다. 25강.컴포넌트 만들기 전 라이브러리 세팅하기 강의를 듣고있는데요. 플러그인 apply variables사용할때 강사님과다르게 semantic만 화면에 나오는데 추후에 문제가없는건가요? publish도 다한거같은데 이유를 모르겠습니다. +추가적으로 27강에서 텍스트에서 label텍스트에 Typography에 기존에 했던 텍스트 스타일을 적용할려고하는데 Body/md/medium 그전에는 Body를 Source Code Pro 적용했었는데 추후에 따로 body도 Pretendard로 적용하신건가요?

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
허허헌 댓글 2 좋아요 0 조회수 172

프로그레스 바 애니메이션이요~

해결됨

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

프로그레스 바 & 스켈레톤 로더 강의 듣는 중인데요 애니메이션 잘 적용시킨 것 같은데 프레임에 넣어도 움직이질 않아요 ㅠ ㅠ 이 상태로 멈춰 있어요 ㅠ

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
93225 댓글 2 좋아요 0 조회수 122

아이콘 만들기_스왑 관련

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

아이콘을 만들고 스왑( shift + x)을 했는데 아이콘이 테두리만 남는게 아니라 만들어논 아이콘 전체가 사라지는 그 이유가 궁금 합니다.

  • 프로토타이핑
  • 모바일-디자인
  • figma
  • ux-기획
  • 프로덕트디자인
homework0810 댓글 0 좋아요 0 조회수 120

제공된 강의자료 fig파일 import

미해결

모바일 웹 퍼블리싱 포트폴리오 with Figma

상태로 임포트가 안됩니다.

  • HTML/CSS
  • jquery
  • 모바일-디자인
  • figma
  • 포트폴리오
에일리언오더 댓글 2 좋아요 1 조회수 109

45강 min max 설정

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

강의대로 min max 설정하였으나 두번째 사진을 보면 강사님처럼 max는 활성화가 된 것 같으나 min 활성화가 안됩니다. ㅈㄷㅇㄹㄴㅇ 라고 보낸 메신저 창을 보면 화면을 줄였을때 채팅창은 줄어들지 않고 화면만 줄어들어 화면이 짤리는 현상이 일어납니다. 뭐가 문제일까요? max도 늘리는 건 되는데 늘렸다가 줄어드는 게 안됩니다. 아래사진 왼쪽 채팅창에 아이라고 보낸 채팅부분을 보면 길어진 메신저 창에서 글씨를 지웠을 때 메신저 창이 줄어들지 않는 문제가 발생합니다. 이럴경우 어떻게 해결하면 좋은가요? 두개 연관성이 있는 문제점인것 같은데 강의를 돌려봐도 캐치를 못했습니다ㅠ min max가 끼니 fix와 hug를 어떻게 활용해야 할지... *모든걸 hug로 설정하고 텍스트만 fill로 할 경우 2는 해결이 되는데 1번이 해결이 안됩니다ㅜㅜ 도와주세요!!

  • 프로토타이핑
  • 모바일-디자인
  • figma
  • ux-기획
  • 프로덕트디자인
gue2 댓글 1 좋아요 0 조회수 99

44강 예제실습 레이어속 프레임

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

44강 예제실습중입니다. 처음에 레이어를 만들 때 프레임을 상단탭 채팅창 하단탭으로 3분할 하셨는데 배경으로 깐 프레임은 언제 지우신걸까요...? 하단탭 만들 때 지우는 부분말고는 감을 못 잡겠어서 여쭤보아요. 저는 지우신 줄 모르고 프레임을 배경으로 두고 따라서 만들다가 추후 강의 마지막 부분에 배경색 바꿀 때 깨닫고 그룹해제를 하니 갑자기 프레임이 아예 지운 것 마냥 사라지더라구요 그래서 이런 경우 제가 하는 것 처럼 해도 무관한지 혹은 어떻게 하는게 작업에 효율적일지 궁금합니다.

  • 프로토타이핑
  • 모바일-디자인
  • figma
  • ux-기획
  • 프로덕트디자인
gue2 댓글 1 좋아요 0 조회수 119

auto layout과 position

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

43강 예제실습중인데 shift+a로 사진과 글씨영역을 묶고 확인버튼 만든 뒤 shift+a로 오토 레이아웃을 만들었습니다. 강의에서는 이 작업후에 position이 가능한데 저는 계속 position 설정을 할 수 없다라고 나와요 ㅠㅠ 무엇때문일까요? 아래 사진처럼 position이 회색으로 뜹니다 ㅠ

  • 프로토타이핑
  • 모바일-디자인
  • figma
  • ux-기획
  • 프로덕트디자인
댓글 1 좋아요 0 조회수 115

Show version history

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

이거 어디에 있나요?

  • 프로토타이핑
  • 모바일-디자인
  • figma
  • ux-기획
  • 프로덕트디자인
kkamjjing-i 댓글 1 좋아요 0 조회수 174

constraints가 안나와요!

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

프레임안에 프레임/렉탱귤러 넣어서 안에 친구들을 클릭해도 컨스트레인츠가 나타나질 않습니다 ㅠㅜ

  • 프로토타이핑
  • 모바일-디자인
  • figma
  • ux-기획
  • 프로덕트디자인
엄묭 댓글 1 좋아요 0 조회수 437

변경 기능 관련 강의 업데이트

해결됨

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

안녕하세요 선생님! 강의 잘 듣고 있습니다. 혹시 피그마 자체 기능으로 변경된 강의는 언제 업데이트가 될까요?

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
심심이 댓글 2 좋아요 0 조회수 127

다크모드의 색상은 반드시 primitive에 정의된 색으로만 진행해야하나요?

해결됨

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

안녕하세요! 강의 잘 듣고 있습니다. 다크모드에서 컬러를 정의할 때 아래와 같은 부분이 궁금합니다: 다크모드에서도 반드시 primitive에 정의된 색상만 사용해야 할까요? 예: light에선 blue-800 , dark에선 blue-200 을 썼는데, 다크 배경과 만나니 채도/명도가 너무 튀는 경우가 있더라고요. → 이런 경우 primitive에 없는 색(hex code 등)을 써도 괜찮은지 궁금합니다. 다크모드 전용 색상을 쓸 경우, 그걸 primitive에도 별도 등록해두는 게 일반적인가요? 아니면 그냥 semantic 토큰의 mode:dark 에만 넣어도 문제없을까요?

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
나만의트랙 댓글 2 좋아요 0 조회수 148

병합된 셀 표현은 어떻게 표현하는게 좋을까요?

해결됨

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

테이블을 보면 종종 병합된 셀 표현도 많이 나오는데요. 병합된 셀 테이블은 별도의 컴포넌트 없이 그냥 따로 만드는 게 나은걸까요?

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
나만의트랙 댓글 2 좋아요 0 조회수 332

섹션5 아이콘 색상 변경 질문입니다.

해결됨

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

섹션5 마지막 강의, 마지막 부분에서 아이콘 색상 변경되는 부분이 안돼서 질문 남깁니다. 알려주신대로, icon placeholder와 아이콘의 색상을 color/icon/primary 로 맞췄고, icon placeholder 에서 24px짜리 복사해서 프레임과 함께 컴포넌트 만들고 아이콘에 인스턴스 스왑 프로퍼티 설정하고, 아이콘 색상 inverse로 변경하고, 컴포넌트 복사해서 아이콘을 바꾸니 inverse 색상으로 아이콘이 바뀌지 않고 primary 색상 그대로 나옵니다. 하라는대로 그대로 따라했는데.. 왜 적용이 안되는걸까요

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
댓글 2 좋아요 0 조회수 238

라벨이나 chip에 열 개 정도 컬러가 들어갈 때

해결됨

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

안녕하세요. 서비스 특성 상, 리스트에 들어가는 chip 컬러가 엄청 다양하게 쓰입니다ㅜ 그럴 경우엔 어떻게 컬러를 묶으면 좋을까요?

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
Wony 댓글 2 좋아요 0 조회수 134

Design Kits관련 질문.

해결됨

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

안녕하세요. Design Kits관련 질문을 드립니다. 지금은 강의를 다 듣고 질문을 드리는데, 초반에 Foundation + Component Library로 하는걸 알려주셨는데, 계속 잘 안되어서 몇일을 시도를 하다가 그냥 Desgin Kits로 진행을 했었습니다. 지금이라도 다시 하는게 좋을까요? 아니면 Design Kits대로 그냥 가도 되는건지 궁금합니다. 이제 만든거를 바탕으로 실제 Product에 만들 시기가 점점 다가오고 있는데, 따로 하는게 맞긴 한데, 이미 만들어놔서 좀 아깝긴하네요... 어떻게 하는게 좋은지 조언해주시면 감사드리겠습니다~!

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
aquamiro 댓글 2 좋아요 0 조회수 89

아이콘

해결됨

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

볼드님 항상감사합니다.. ! 아이콘은 괜찮은데 Union을 했는데도 저렇게 표시되는 이유는 무엇일까요? 제대로 먹히지 않은걸까요??

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
이민지 댓글 2 좋아요 0 조회수 118

android studio pulgin 문의

미해결

앱 개발 입문자를 위한 플러터 네컷일기 만들기 with 피그마

안녕하세요 ! 강의 재밌게 수강중입니다 ! 혹시 아래처럼 포함관계 node로 이어져 있는 plugin은 따로 설치하신걸까요 ?!?

  • flutter
  • 모바일-디자인
  • figma
  • dart
김정아 댓글 1 좋아요 0 조회수 76

dart ?? 연산자에 대하여 문의드립니다.

미해결

앱 개발 입문자를 위한 플러터 네컷일기 만들기 with 피그마

안녕하세요, 수강중에 궁금한 점이 생겨서요 ㅠㅠ.. ?? 를 사용할시 null 인경우 기본값을 할당해서 사용가능하다고 하셨는데, ??를 이용해서 x ?? 0 + 2; 로 x가 null인 경우 0을 기본값으로 두고 2를 더하도록 식을 구성한 후, x를 print 해보니 x에 2가 할당되지 않는 것 같습니다,, 왜그런 걸까요 ㅠㅠ

  • flutter
  • 모바일-디자인
  • figma
  • dart
김정아 댓글 1 좋아요 0 조회수 89

피그마 라이브러리 연결 문의건

해결됨

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

안녕하세요! 강의 잘 들고 있습니다.^^ 피그마 라이브러리 연결관련 문제로 문의드립니다. 현재 외부업체와 협업중인데요! 보안문제로 로컬파일로 파일을 주고 받아야 합니다. 그런데 라이브러리가 연결된 파일이지만 전달 받으면 그안에 연결된 컴포넌트가 해제되어 라이브러리 업데이트를 할수 없는 상황입니다. (라이브러리 스왑기능도 안됨) 라이브러리가 업데이트되면 연결된 파일도 업데이트를 해줘야 하는데 할때마다 연결을 할수가 없어 라이브러리가 연결된 상태로 로컬파일을 주고 받을 수 없을까요?? (플러그인이나 다른 방법)

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
mjjeon 댓글 2 좋아요 0 조회수 506

사용자 개별화 분석 수업자료

해결됨

[GA4를 활용한] 근거있고 빠른 의사결정을 위한 데이터분석과 프로토타입 제작(Data Driven UX)

안녕하세요, '섹션 5-6. 사용자 개별화 분석' 마지막에서 '사용자 개별화 분석에 대한 도움말과 실제 로그인 사용자를 불러오는 방법'에 대한 링크를 수업자료에 첨부해두었다고 하셨는데... 도저히 찾을 수가 없는데요.... 어디에 있을까요??

  • 프로토타이핑
  • figma
  • ux-기획
  • 데이터-리터러시
  • GA4
3rdrock 댓글 1 좋아요 0 조회수 129

인기 태그

인프런 TOP Writers

주간 인기글