inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

Component group 이름에 접두사로 part/를 붙이면 왜 검색이 안되나요 ?

해결됨

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

이전 강의 자료에서 설명해주셨던 것 같은데 까먹었습니다.. 왜 검색이 안되고 어디에서 검색이 안되었던거였죠..?

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

반응형 디자인 만들기 -> imagePlaceholder 배리어블

해결됨

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

안녕하세요 볼드님! 반응형 디자인 만들기 14:00쯤 레이어 눈 아이콘 우클릭을하면 로컬 배리어블이 나와야하는데 나오질 않습니다.... ㅠㅠ TimeFrame은 눈모양 우클릭 배리어블 적용이 잘되는데 imagePlaceholder 홀더에는 우클릭 적용이 안됩니다... 어디서 부터 잘못된건지 모르겠네요ㅜㅜ 도와주세요. .

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

컬러맵핑하고 라이트/다크 모드 설정시 색상 반전이 안돼요 ㅠㅠ

해결됨

디자인 시스템 with 피그마

선생님 컬러 맵핑까지 잘 따라하고 있는데 맵핑 후 라이트 다크모드 지정하면 선생님처럼 색상 반전이 일어나야 하는데 아무 반응이 없어요 ㅠㅠ 왜 그런걸까요...

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • 프로덕트디자인
이수연 댓글 2 좋아요 1 조회수 313

핵심컴포넌트 공유

해결됨

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

열심히 강의를 듣고 있습니다. 근데 혹시 핵심 컴포넌트가 모두 완성된 파일을 공유받을수 없는지요? 디자인시스템 파일은 공유해주셔서 다운받아서 참고하면서 보고 있는데요,

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

color style guide 플러그인이 안나오는데요

해결됨

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

듣다가 중간에 멈춰서 다시 처음부터 복습하려고 듣고 있는데요 초반 강의중에 color style guide 플러그인 이 강의를 따라하며서 해보면 강사님 화면처럼 모든 색상이 나오질 않고 아래처럼 나오는데요, 다시 처음부터 모든 색상이 다 나오게 하려면 어떻게 해야 하는지요? 저는 플러그인을 열면 아래처럼만 나옵니다. 예전에 연습했던 화면으로만 나오는건지...그렇다면 다시 처음부터 모든 색상이 나오게 하려면 어찌 해야 할까요?

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

신 아이콘 등록방법

해결됨

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

안녕하세요 . 볼드님 강의 정말 잘 듣고 있습니다. 아이콘 union이 잘 안 되어서, 그룹을 풀고, outline stroke를 한 뒤, flatten을 하려고 하니 , 저렇게 깨져서요.. 방향키를 조절해보아도.. 잘 안 되네요 이럴 때는 어떻게 해야할까요? ㅜㅜ

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

베리어블 등록 이동하기

해결됨

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

안녕하세요 볼드님 1- 한 프로젝트에서 저장된 베리어블을 다른 프로젝트 파일에서 쓰는 방법이 있나요? 2- 그리고 반응형 웹작업을 할때 네비게이션이 있는 페이지 구성 시 그리드는 피그마에서 어떤 방식으로 잡고 가시는지 궁금합니다. (좌측 네비랑 우측 메인을 따로 생각하여 구성하는지?) 3- 웹 작업을 처음 하는데 피그마에서 1440px 일경우 보통 마진을 얼만큼으로 설정한다 이런 정해진 값이 있는것인지, 웹에서는 아이콘 픽셀 사이즈가 1.5/2px이 아닌 소수점으로 작업해도 되는지 등 모바일 작업보다 많이 막막한데 사이즈 지정에 대해서 도움을 받을수 있는 사이트 같은게 있을까요? 늘 친절한 답변 감사드립니다.

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

강의 완강 후 노션자료

해결됨

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

안녕하세요. 강의 완강해서 설문조사와 수강평남겼습니다. 노션자료도 공부해보고 싶은데 확인해 주시면 감사하겠습니다!

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

디자인 시스템, 시멘틱 컬러 관련 질문이 있습니다.

해결됨

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

안녕하세요, 질문이 여러개 있어서 글 남깁니다. 시멘틱 컬러 강의에서 interactive 컬러들은 주로 Interactive한 요소, 즉 버튼 등에 활용을 하신다고 말씀하셨었는데 현재 예제에서는 text-interacitve-primary와 bg-interactive-primary가 색상이 파란색으로 동일한데 이런 경우에 파란색 primary 버튼을 만든다고 치면 텍스트는 Primary 컬러를 활용할 수 없는건가요? 컴포넌트는 Primary라는 이름을 쓰지만 텍스트 컬러는 sescondary가 활용되어도 되는건가요? 그리고 component는 버튼 등 필요한 경우에만 활용한다고 하셨는데 interacitve 컬러가 있는데도 버튼 컬러를 다시 한번 만들 이유가 있는건지 궁금합니다. 마지막으로 디자인 시스템 뿐만 아니라 실제로 이걸 활용해서 컴포넌트나 실무 디자인을 한 예제는 볼 수 없을까요..?? 디자인 시스템 자료는 많은데 실제로 어떻게 활용되는지 감이 안 와서요 ㅠㅠ 우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변 드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크 를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문 이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기 로 인프런 쪽으로 연락 주시기 바랍니다.

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

파운데이션과 컴포넌트 파일 별도로 관리해야할까요?

해결됨

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

안녕하세요 강사님! 덕분엔 베리어블 사용성에 대해 한층 더 깊게 알게 되었습니다. 감사합니다. 수강 중에 궁금한 사항이 있는데요, 섹션 4에서 Foundation 과 Component 피그마 파일을 별도로 작업하신 이유가 무엇인가요? 하나의 피그마 파일 안에 컴포넌트 작업을 같이 진행해도 되는지 궁금합니다. 우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변 드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크 를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문 이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기 로 인프런 쪽으로 연락 주시기 바랍니다.

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

BOLD PLUS Design System 어디에서 찾나요?

해결됨

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

안녕하세요. 먼저 좋은 강의 감사드립니다. 섹션5 버튼 부분 보고 있습니다. Assets 에서 아이콘 불러오기에서 막혔습니다. 섹션4 컴포넌트 만들기 위한 준비 에서 컴포넌트 만들기 전 라이브러리 세팅하기 에서 나온 BOLD PLUS Design System은 어디서 찾을 수 있나요? 현재 제 피그마는 스타터플랜으로 Library 보내지기가 안되는데 프로페셔널 플랜으로 업그레이드 시켜야만 Library 이용이 가능한가요?

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

피그마 토큰 플러그인

해결됨

디자인 시스템 with 피그마

안녕하세요. 6:15 에 나오는 'Create Style' 버튼이 안보이는데 최신 버전의 플러그인 기준으로 알려주실 수 있나요 ?

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

구글sheet 어디서 다운 받을 수 있나요

해결됨

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

구글sheet 어디서 다운 받을 수 있나요

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

디자인 시스템 세팅 임포트

해결됨

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

안녕하세요, 디자인 시스템 세팅하는데 있어 텍스트 세팅 부분 부터 수업을 잘 따라가지 못하겠습니다. 다음 스텝으로 넘어가려면 이미 베리어블들 세팅이 되어 있어야하는 것 같은데, 이미 만들어진 버전 임포트 하는 방법 없나요? 일단 진도는 나가고 완강 후 다시 돌아가야할 것 같습니다.

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
고예진 댓글 5 좋아요 0 조회수 231

깃허브 sync 오류

해결됨

디자인 시스템 with 피그마

안녕하세요!! 현재 핸드오프 절차중인데, 혹시 이 부분에서 어떤 솔루션이 있을 수 있을까요?

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • 프로덕트디자인
코지 휴먼즈 클럽 댓글 2 좋아요 1 조회수 215

스케치 피그마 임포트

해결됨

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

섹션 3 아이콘 등록 방법에서 아이콘 union 첨부 파일 주셨는데 스케치 파일입니다. 피그마로 어떻게 임포트 하나요,,,?

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

업데이트가 되어 강의부분과 많이 달라 따라가기 어려워요.

해결됨

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

우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 업데이트가 되어 강의부분과 많이 달라 따라가기 어려워요. 업데이트는 언제 가능한가요? 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변 드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크 를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문 이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기 로 인프런 쪽으로 연락 주시기 바랍니다.

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

완강 이벤트에 참여 했는데, 자료는 언제쯤 받아 볼 수 있을까요?

해결됨

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

안녕하세요, 훌륭한 강의 감사합니다. 완강 이벤트에 참여하여 수강 후기와 설문조사를 모두 완료했는데, 아직 노션 자료를 받지 못했습니다. 혹시 누락된 건지, 아니면 언제쯤 받아볼 수 있는지 확인 부탁드립니다. 감사합니다.

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

버튼 생성시

해결됨

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

시간이 지나서 강의를 들어서인지 그 동안 피그마 업데이트가 좀 많이 된거 같더라구요 버튼 프로퍼티와 인스턴스 스왑 하실때 아래 1번 그림에서 만드는게 맞는지 토글 버튼을 활용해 아이콘을 껏다 켰다 했는데 그부분이 2번 그림에서 진행하는게 맞는지 확인 부탁드립니다. 1 2 .

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

디스코드 참여 안됨

해결됨

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

안내해주신 링크를 눌러 디스코드에 참여하려는데 없는 링크거나 참여 권한이 없다고 뜹니다..ㅠㅠ

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

인기 태그

인프런 TOP Writers

주간 인기글