inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

알림/경고 메세지 만들기 강의에서의 질문

해결됨

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

폰트사이즈와 간격 등 모든 사이즈를 다 일정하게 따라했는데 (선생님은 높이값이 72, 저는 80으로 됩니다) 아이콘을 추가할때 선생님과 다르게 위치가 지정되는 이유가 무엇일까요? 알려주신대로 패딩값을 위아래 16으로 주면서도 앞의 아이콘은 타이틀 상단 기준으로 위치하게하고 Close icon은 중앙에 위치하게 지정하려면 어떻게 해야하나요? 이럴땐 앱솔루트 포지션으로 원하는 위치를 지정하면 되나요?

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

셀렉트-파트1 강의에서의 질문

해결됨

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

안녕하세요 볼드님 강의를 다시한번 재수강 중인데 강의대로 실행되지 않는 부분이 있어 질문드립니다. (셀렉트-파트1 강의 6분 31초 부분 입니다) 1) 아이콘을 24에서 16으로 줄이는 과정에서 변화가 없는 이유가 무엇일까요? 2) 페이지 패널에서 저렇게 체크한 표시처럼 디바이더로 나눌수 있는 방법이 뭔가요?

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

폰트 사이즈에 홀수 (13pt, 11pt, 21pt)는 잘 안쓰나요?

해결됨

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

폰트 사이즈 예시에는 모두 짝수 폰트만 있는걸로 보여서 질문드립니다! 웹 UI 레퍼런스 찾아보거나(Linear) 디자인 시스템 예시( https://www.remain.co.kr/page/designsystem/font-size.php 애플 / https://developer.apple.com/design/human-interface-guidelines/typography ) 찾아봤을 때 종종 홀수 폰트들도 봤어서 이게 예외적인 사례인지 아니면 필요하다면 홀수 폰트도 사용해도 되는건지 궁금합니다. 제가 만드는 서비스에선 13pt를 사용하고 있어서.. 자주 사용되는 패턴이 아니라면 짝수로 다 바꿀까 싶어서요!

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

문의드립니다.

해결됨

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

안녕하세요! 혹시 타이포그래피 베리어블 스타일을 지정했을때 line height를 1.4로 계산해서 지정했는데, 작업하다보니 1.2로 더 줄여야 하는 상황이 생긴다면 디자인 시스템 자체를 바꿔서 1.2로 적용해야하나요? 아니면 해당 작업물만 로컬로 별도 타이포그래피 지정해서 해야할까요? 다른 속성값들보다 Line height는 프로젝트 스타일에 따라 스타일로 정해놨어도 값이 조정이 되어야 할때가 발생해서 이런 경우의수는 어떤식으로 대응하는게 좋을지 의견 여쭤보고싶습니다. 베리어블값이 weight나 line height 와 같은 값들을 primitive에 지정해놓고, semantic에서 다양하게 참조해서 쓸 수 있다고 생각해서 확장성이 있는것 같은데, 만약에 로컬 타이포그래피에 베리어블을 참조해놓았고 (heading 4xl는 line height 56이라면) 이 값으로 개발팀에 공유가 됐다면 이후에 line height베리어블 참조값을 50 이렇게 바꿀때 개발팀에 공유를 매번 별도로 해야하는거죠? 마지막으로, color는 로컬 스타일을 지워주셨는데 타이포그래피는 로컬에 베리어블을 다 적용하고 로컬 스타일을 지우지 않는 이유가 무엇인가요?

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

문의드립니다.

해결됨

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

안녕하세요! 혹시 타이포그래피 베리어블 스타일을 지정했을때 line height를 1.4로 계산해서 지정했는데, 작업하다보니 1.2로 더 줄여야 하는 상황이 생긴다면 디자인 시스템 자체를 바꿔서 1.2로 적용해야하나요? 아니면 해당 작업물만 로컬로 별도 타이포그래피 지정해서 해야할까요? 다른 속성값들보다 Line height는 프로젝트 스타일에 따라 스타일로 정해놨어도 값이 조정이 되어야 할때가 발생해서 이런 경우의수는 어떤식으로 대응하는게 좋을지 의견 여쭤보고싶습니다. 베리어블값이 weight나 line height 와 같은 값들을 primitive에 지정해놓고, semantic에서 다양하게 참조해서 쓸 수 있다고 생각해서 확장성이 있는것 같은데, 만약에 로컬 타이포그래피에 베리어블을 참조해놓았고 (heading 4xl는 line height 56이라면) 이 값으로 개발팀에 공유가 됐다면 이후에 line height베리어블 참조값을 50 이렇게 바꿀때 개발팀에 공유를 매번 별도로 해야하는거죠?

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

완강 이벤트

해결됨

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

볼드님 안녕하세요! 설문조사 및 수강평 작성했습니다. 제공해주시는 자료는 이메일로 전달해주시는걸까요??

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

타이포그래피 scope관련 문의드립니다.

해결됨

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

안녕하세요! 혹시 타이포그래피에서 scope을 지정할 때 비슷해보이는 속성들이 목록에 있어 헷갈려서요. string scope의 font family, font weight or style, text content와 상단의 typography 항목들, 그리고 number scope에 있는 text content의 차이가 무엇일까요~?

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

요소 위치 교체

미해결

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

43강 12:45~50 보면 말풍선과 시간의 위치를 교체하는데, 어떤 단축키를 사용해야할까요?

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

타이포그래피 토큰 개발팀에서 적용 시 문제 관련해서 질문드립니다!

해결됨

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

안녕하세요! 현재 아래와 같이 베리어블을 등록했는데, 개발팀에서 타이포그래피가 정상적으로 적용이 안 되는 것 같다고 하셔서 질문드립니다! 컬러(시맨틱까지) 타이포그래피(프리미티브까지 적용 후 스타일에 적용함) 간격/패딩 값(시맨틱까지) 토큰 스튜디오 사용해서 깃허브에 푸시해 드렸는데, 다른 건 문제 없는데 타이포그래피가 정상적으로 안 뜬다고 하셔서요. 다트에 검색하셨을 때 검색이 안 되는 것 같습니다..! 여러가지로 시도해 보았지만 제대로 적용이 안 돼서 기존 스타일 사용 시처럼 직접 조합해서 사용하신다고 하셨는데 혹시 제가 뭘 잘못 전달드린 걸까요? 플러터로 앱 개발중이라 css는 사용하시지 않으신다고 하셨습니다! 등록한 베리어블과 스타일, 토큰 스튜디오에 임포트 한 상태 이미지 첨부합니다! 확인 부탁드립니다. 감사합니다!! !

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

라이브러리 publish 에러 관련

해결됨

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

우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변 드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크 를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문 이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기 로 인프런 쪽으로 연락 주시기 바랍니다. 안녕하세요. 섹션5의 "컴포넌트 만들기전 라이브러리 세팅하기"를 듣고 있습니다. Foundation과 UI Kit을 @boldux에서 가져온뒤에 팀프로젝트를 "Design System"으로 넣어주고 첫번째로 Foundation으로 들어가서 publish를 하면 아래와 같이 에러가 발생합니다 Publish를 눌러보면 이 대상들이 안되는거 같습니다. 이대로라도 수업을 듣고 싶어서 UI Kit쪽에서 add까지 했었는데, add는 되는데 아이콘들을 눌러봐도 강의와는 달리 연동이 안되어 있는 상태입니다. 검색을 해봤는데도 달리 답을 찾지 못해서 이렇게 올려봅니다. 저와 같은 분들이 계셨을까요?

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

텍스트 베리어블 오류 문제

해결됨

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

텍스트 스타일 베리어블 등록이 첨부이미지 처럼 오류?가 나는데, 제가 텍스트 스타일 등록 내용을 볼드님이랑 다르게 하고 베리어블은 강의 내용대로 따라해서 그런걸까요?

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

AI

해결됨

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

안녕하세요, 볼드님 강의 업데이트 해주셔서 정말 감사합니다. 기존 피그마 버전을 사용하고 있는데, 볼드님 강의를 듣는 도 중 AI기능이 쓰는 방식을 배울 수 있었는데요. Ai 기능을 쓰고 싶으면 업데이트를 해야할 것 같아서요 .. 찾아보니 맨 하단에 토글을 켜야 쓸 수 있는 것 같습니다. ㅜㅜ 아마 못 쓰는 것이겠죠 ㅜㅜ 방법이 있을지 궁금합니다.

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

대시보드, 차트 디자인 같은 부분도 다뤄주시면 좋겠어요!

해결됨

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

수업 너무 유익하게 잘 듣고 있습니다! Saas에 들어가는 다양한 컴포넌트 만들어볼 수 있어서 정말 유익해요. Saas에서 대시보드나 차트 같은 데이터 시각화 부분도 많이 필요한데, 혹시 강의 주제로 다뤄주실 수 있을지 궁금해서 질문 남깁니다 ! 늘 좋은 강의 감사합니다!

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

수업노트가 나타나지 않아요

해결됨

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

수업노트를 확인할수 있는 방법이 있을까요?

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

배리어블 순서 바꿀 때 안바뀌는 오류

해결됨

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

배리어블 순서를 바꿀 때 드래그 드랍해도 안 바뀌는건 왜 그런건가요..? ㅠㅠ 배리어블 복사하면 순서가 뒤엉켜있는 경우가 너무 많은데 그럴때마다 순서를 바꾸려고 드래그 드랍을 하면 몇개는 바뀌다가 안바뀝니다.. 배리어블이 너무 많아서 그런건가요? 이럴 때는 어떻게 해야할까요?

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
최세영 댓글 1 좋아요 0 조회수 142

SF Symbols 윈도우

미해결

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

강사님! SF Symbols 다운로드 받았는데 윈도우라 파일이 호환이 안되는 거 같습니다. 윈도우에서 어떻게 활용하는지 알려주실 수 있으신가요?

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 프로덕트디자인
정지수 댓글 2 좋아요 0 조회수 476

첨부파일 문제

미해결

UX 입문자들 모여라! 1시간에 끝내는 UX 포트폴리오 강의

안녕하세요. 우선 좋은 강의를 제공해주셔서 감사하다는 인사 전해드립니다. 다름이 아니라, 마지막 강의에 첨부된 파일을 다운 받아 압축을 풀었는데, 확장자가 ds_store, _misson으로 되어있는 파일만 있어 강의 파일을 열람할 수 없는 상태로 확인됩니다. 문의 읽어주셔서 감사합니다 :)

  • figma
  • 포트폴리오
  • gui
  • ux-기획
jiyeong8397 댓글 1 좋아요 0 조회수 198

프레임 속성창

미해결

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

프레임 속성 창에 X, Y W, H, 각도, 모서리 강도 등의 버튼이 없습니다.ㅠ 어떻게 설정하나요? 혹시나 초기화 해야 한다면 설정 초기화는 어떻게 하나요?

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

2강 질문

미해결

피그마UI3 기초 + 실무 탄탄 초스피드 완강코스

2강 듣던 중 강의 이모티콘 사진을 다운받고 싶은데, 영상 하단에 더보기란이 없어요ㅠㅠ 어디서 받아야 하나요?

  • figma
  • ui
시윤 댓글 5 좋아요 0 조회수 482

인기 태그

인프런 TOP Writers

주간 인기글