inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

variables 관련 질문입니다.

해결됨

6주 완성 디자인 시스템 부트캠프 4기

다른 분이 하셨던 디자인시스템을 볼 수 있는 기회가 생겨서 피그마로 보고 있는데, 선생님께서 알려주신 "variables" 기능에는 색상값(4개정도 ?)만 조금 있고 아무 것도 안보이는데, 사진처럼 저런 셋팅이 되어있다는건 플러그인을 사용한걸까요 ??

  • 웹-디자인
  • figma
  • 디자인-시스템
  • 프로덕트디자인
Mira Kim 댓글 2 좋아요 0 조회수 83

이미지 가져오기 단축키

미해결

기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스

cmd+shift+k로 알려주셨는데, 노션 바로가기가 뜨거든요. 이럴때는 어떻게 해야하나요? 노션을 꺼야되는지...

  • 웹-디자인
  • 프로토타이핑
  • figma
  • 반응형-웹
  • 프로덕트디자인
AirDream 댓글 1 좋아요 0 조회수 117

[실습]아이콘 등록하는 방법, 그리고 팁(with 앤트맨 전략) 수업에서

미해결

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

우선 좋은영상 감사드립니다! 제목과 같이 아이콘 등록하는 방법에서 초반에 24 사이즈의 아이콘을 데려왔는데 왜 FrameAll이라는 플러그인을 사용해서 더 작게 만드는지 이유가 궁금합니다~!

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

인프런 피그마 교육계정 연장

해결됨

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

안녕하세요. 피그마 계정을 인프런 교육용계정으로 승인받아 사용하고 있었습니다. 초반에 너무 짧게 설정을 해서 그런지, 아직 강의를 다 못들었는데 6일이 남았다고 해서요. 혹시 추가 연장이 가능한가요? 확인부탁드립니다. 감사합니다.

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

미묘하게 다른 구조 ㅜㅜ

미해결

UXUI 디자인 6주 완성 챌린지 (w. 피그마)

PC 앱 버전이나 브라우저 버전이 모두 강사님과 위치나 이런 것들이 다르고.. Arrow auto plug in도 조회가 안됩니다. 이런 것들이 없는 경우나, 구조가 다른 경우(찾아 보니 현재 버전은 좀 구조가 다르다던데..)에 대한 설명이 보완됐으면 좋겠어요. 찾다가 시간 가네요.

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

베리어블을 등록했는데 토큰으로 잡히지않아요

미해결

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

베리어블을 등록해서 개발할려고하는데 플러그인으로 해도 등록한 토큰들이 잡히지 않아요.. 뭐가 문제일까요 ?

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

라이브 녹화본 어디서 볼 수 있나요??

미해결

6주 완성 디자인 시스템 부트캠프 4기

라이브 녹화본 공유해주신다고 했는데 보는곳이 없어서요 ㅠㅠ

  • 웹-디자인
  • figma
  • 디자인-시스템
  • 프로덕트디자인
쥐뇨닝 댓글 1 좋아요 0 조회수 75

라이브 시간

해결됨

6주 완성 디자인 시스템 부트캠프 4기

8시 기다리고있었는데 시작직전에 일요일 새벽4시로 바꼈네요 언제 하는건가요?

  • 웹-디자인
  • figma
  • 디자인-시스템
  • 프로덕트디자인
choco91 댓글 2 좋아요 0 조회수 70

39강 오토 레이아웃 질문

미해결

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

오토 레이아웃 3분 31초 부분에서 화살표 Warp 이요. 지금 2025년 버전에는 없어진건가요? 지금 버전에서는 자유입력,세로, 가로, 그리드베타 네가지만 보이는데 기능이 다른것같아서요.

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

[37강] label 관련 질문드립니다.

미해결

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

안녕하세요 잘 듣고 있습니다. 37강까지 무리없이 잘 따라와서 듣고 있는데요 2:37 Option에서 Nested instances 부분에 저는 Text 까지 같이 뜨더라고요? 선생님이 체크, 라벨, 라디오 3개만 있는것과는 다르게.. 라벨을 처음 가져 올 때부터 잘못된건지... 아무리 다시 뒤로 돌아가서 따라해봐도 text가 뜨는데 그래서 대한민국~ 치는것부터가 안되네요. 안보여요 label이.. 왜 일까요. 제가 무엇을 놓친걸까요..

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

라이브세션 시간

해결됨

6주 완성 디자인 시스템 부트캠프 4기

Q&A나 라이브세션은 전부 오전 8시에 진행되는 걸까요?

  • 웹-디자인
  • figma
  • 디자인-시스템
  • 프로덕트디자인
Yura 댓글 2 좋아요 0 조회수 55

피그마 프로페셔널 기능활용 문의

미해결

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

피그마 무료로 프로페셔널 기능을 활용하고 싶어서 노션에 나온 방법대로 했는데 부트캠프관리자에게 문의하라는 페이지가 나왔습니다. 노션에 적힌 것과 다른데 확인 부탁드립니다.

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

영상 13분 10초 예제 따라하다 커서에 플러스 사인이 뜨지 않아요

미해결

기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스

안녕하세요, 혹시 영상 13분 10초 쯤 예제를 따라하는 구간에서 새롭게 곡선을 추가하는 과정에서 큰 직선 박스에 연결하는 부분을 따라하고 있는데, 커서에서 플러스 사인이 나오지 않아요 ㅜㅜ 그렇게 해야 선들이 하나의 개체로 인식이 되는것 같은데, 안되면 어떻게 해야할까요..?

  • 웹-디자인
  • 프로토타이핑
  • figma
  • 반응형-웹
  • 프로덕트디자인
댓글 3 좋아요 0 조회수 120

64강의 듣고 있는데요~

해결됨

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

Global Navigation 컴포넌트 배리언트가 최종적으로 Device - Desktop, Mobile로 나뉜 것 같은데 64강의에서 Global Navigation에 hamburger menu 토클 버튼이 있는데 어디서 추가 된 건가요??저의 Global Navigation에는 안보여서요! 몇 강에서 알 수 있을까요??

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

포커스링 묻히는거 처리하는 방법

해결됨

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

탭이나 네이게이션 할때 포커스링이 저런식으로 묻히는데 어떻게 처리해야 할가여? 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변 드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크 를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문 이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기 로 인프런 쪽으로 연락 주시기 바랍니다.

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

강의 영상 질문

해결됨

기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스

쌤, 안녕하세요 웹 색상 스타일을 HSL 방식으로 등록하기 강의 영상 질문드립니다!! 이 강의 내용이 17초에서 끝나는게 맞는 걸까요? 강의 내용이 시작하자마자 끝나는 것 같습니다 ㅠㅠ 확인 부탁드립니다!! 감사합니다!!

  • 웹-디자인
  • 프로토타이핑
  • figma
  • 반응형-웹
  • 프로덕트디자인
askare 댓글 2 좋아요 1 조회수 126

아이콘 버튼 제작 (selected) 질문

해결됨

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

쌤 안녕하세요, 아이콘 버튼 제작 (selected) 질문 드립니다! selected 아이콘 버튼은 타입(primary, secondary, destructive), 스타일(filled, outline, transparent), 등 배리언트는 여러개 이지만, 강의에서 selected 는 한 가지만 제작하고, 나머지는 selected false 상태로 배우고 제작해봤습니다만 다른 타입, 스타일의 selected는 제작한 1개로 공통으로 사용해도 되는 건가요? 타입, 스타일에 따라 selected 버튼을 각각 추가로 제작해야하는지 헷갈려서 질문드립니다!! 시멘틱 컬러에서 selected는 한 가지 톤의 컬러만 있어서요~ 나머지 타입, 스타일의 selected 버튼은 추가 제작하지 않아도 되는 것 같은데요~ 아직 디자인 시스템 제작 및 활용이 능숙하지 않아서 헷갈려서 질문드립니다~ 도움 부탁드립니다!! 항상 실무에 유익한 좋은 강의 감사합니다!!

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

하단바 고정

미해결

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

현재 섹션 13의 61강을 듣고 있습니다. 그런데 Constraints가 업데이트되면서 강의에 나온 위치와 지금은 다르더라고요. 프로토타입에서 스티키를 활용하면 하단바가 고정된다고 하는데, 보시는 것처럼 제 경우에는 고정이 되지 않네요. 뭐가 문제일까요?

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

도형 오토레이아웃 설정

미해결

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

안녕하세요. 강의 내용을 보다가 궁금한 점이 있어 문의드립니다. 강의에서는 도형(Rectangle) + 텍스트를 Auto Layout으로 묶으면 , 텍스트가 늘어나면 도형도 자동으로 같이 늘어나는 것을 확인했습니다. 그런데 제가 사용하는 최신 버전 피그마 에서는 동일하게 도형과 텍스트를 Auto Layout으로 적용해도, 텍스트만 늘어나고 도형 크기는 자동으로 늘어나지 않습니다. 지금은 프레임(Frame) + 텍스트를 Auto Layout으로 묶어야 버튼처럼 자동 확장이 되는 것 같습니다. 👉 혹시 이 부분이 업데이트 전/후 버전 차이 때문인지, 아니면 제가 설정을 잘못한 건지 확인 부탁드립니다. 감사합니다.

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

Icon 버튼 Inverse와 관련하여 문의드립니다.

미해결

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

안녕하세요. 항상 강의 잘 듣고 있습니다! : ) 아이콘 등록하는 방법 강의에 관련하여 질문드립니다. 아이콘이 포함된 버튼의 인터렉션에 색상 반전되는 부분이 있어서 아이콘 강의 들으면서 해결은 했는데 정확한 이유도 함께 이해하고 싶어서 문의드립니다. 강의 17:10 부분입니다. 1. 임의 아이콘 생성 2. Icon placeholder 3. Component 4. Variant 추가 5. Size property : md-24px, sm-16px, lg-32px, xl-40px (Scale 설정) 6. md-24px 아이콘 Instance > Frame > Component 24px 7. Component 40px 생성 8. Component 24px > Instance swap 9. 각각 Instance 생성 10. Icon placeholder 색상을 Instance swap이랑 동일한 색상으로 변경 11. Component 24px 버튼 부분 Primary, 아이콘 부분 Inverse 색상으로 변경 12. Component 24px의 Instance > Reset all changes 13. 그 다음 Instance swap을 해야 색상이 변경됨. Q1. Component 24px 예시에는 icon placeholder의 색상을 맞춰주셨는데 Component 48px 예시에는 왜 직접 success 색상으로 바꿔주셨나요? Override 개념이랑 조금 헷갈리는 것도 있어서 설명 부탁드릴게요. Q2. Icon placeholder는 아이콘 기본 색상으로 맞춰주고 하는 이러한 과정을 위 순서대로 해야하는 이유가 정확히 어떤 이유인지가 궁금합니다. Q3. Icon placeholder에서 나온 아이콘을 각 component 24/48px은 새로운 버튼으로 만든 컴퍼넌트인데 이 관계가 어떻게 되는건지 이해가 안되어서요. Q4. Reset all changes 버튼은 정확히 이 과정에서 어떤 역할일까요? Q5. 이 과정이 없으면 inverse가 적용이 되지 않는다면 Instance swap으로 아이콘을 변경해도 아이콘 색상을 유지하고 싶으면 정확히 Icon placeholder와 Instance swap한 아이콘 색상을 동일하게 맞추고 Inverse로 바꾼 것을 다시 reset하는 일련의 과정이 항상 필요한 것일까요? 잘 부탁드립니다. 감사합니다.

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

인기 태그

인프런 TOP Writers

주간 인기글