inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

핵심컴포넌트 공유

해결됨

[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

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

미해결

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

섹션 13 질문입니다. 피그마 탬플릿에서 ctrl c + ctrl v 후에 강사님 강의에서는 asset을 선택하면 toolbar에서 asset이 뜨지만, 제꺼에서는 뜨지 않습니다.... 다른 ios example이 떠서요. detach는 되지만, 원인이 무엇인지는 모르겠습니다.

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

Constraints가 안보입니다.

미해결

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

라인 대각선 두개그리고 Constraints가 오른쪽 패널에 표시가 안돼는데요 표시될려면 어떻해야돼요?

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

피그마 버전이 어떻게 도나요

미해결

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

피그마 2024버전 인가요? 피그마 2025버전 인가요?

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

신 아이콘 등록방법

해결됨

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

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

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

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

미해결

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

Left & Right는 적용이 잘되었는데, Top & Bottom 기능에서는 Constraint center한거마냥 움직여요..어떤것이 문제 일까요

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

베리어블 등록 이동하기

해결됨

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

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

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

그리드 추가시 세부 설정

미해결

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

Layout grid를 한 개만 설정할 때에는 아이콘을 누르면 세부적으로 count, type 등을 지정할 수 있는데 2개 이상부터는 아이콘을 눌러도 세부 설정하는 모달이 안나오는데 어떻게 해야 하죠?

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

강의 완강 후 노션자료

해결됨

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

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

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

섹션6 컴포넌트 파고들기 [예제 실습] 컬러 테마 만들기 3 - 다크모드 관련 질문

미해결

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

강의 21초부터 레이어를 통해 다크모드를 현재 피그마에선 Layer 자체가 안 보여서 다크모드를 어떻게 적용하는지 모르겠습니다. 현재 피그마에서 레이어와 동일한 기능을 하는 메뉴가 뭔가요? ㅠㅠ

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

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

해결됨

[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 조회수 609

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

해결됨

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

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

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

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

예제 실습 채팅 ui 만들기

미해결

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

지금 44강 예제 실습- 기본 기능 활용한 채팅 ui 만들기를 듣고 있습니다 여기서 10분 43초의 화면처럼 오토 레이아웃 안에 사진을 가로정렬로 복제해서 넣고 싶은데 계속 세로정렬로만 됩니다. 디자인 패널에 가운데 위치하는 것과 horizontal layout 모양, 패딩 값까지 영상 속 내용처럼 동일하게 했는데 왜 저는 강사님처럼 가로정렬로 사진을 나열할 수 없는 걸까요? 챗 gpt의 도움으로도 해결할 수 없어 연락드립니다 강사님은 오토 레이아웃이 된 상태에서도 어떻게 사진을 가로정렬로 하신 걸까요?

  • 프로토타이핑
  • 모바일-디자인
  • figma
  • ux-기획
  • 프로덕트디자인
피그마학생 댓글 0 좋아요 0 조회수 205

인기 태그

인프런 TOP Writers

주간 인기글