inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

[gif첨부] 아이콘 사이즈 설정 Instant swap property

미해결

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

안녕하세요. 피그마에서 아이콘이 있는 버튼을 만드는데 어려움이 있어 문의드립니다. 내용과 함께 gif를 첨부드렸는데 같이 확인부탁드립니다. 아이콘 사이즈 : 24 / 20px 버튼 사이즈 : default / X-small 아이콘 : Leading(앞) / Tralling(뒤) Instant swap property를 한후, ->Leading icon , ->Trailing icon을 사용하고 싶은데요. 아이콘 사이즈도 자동으로 사이즈별로 관리하려면 어떻게 해야할까요? 아이콘 Instant swap property를 하고나면, 사이즈가 하나로만 인식을 하는지 전체 사이즈가 변경되는 현상이 있습니다. 사이즈별로 연동되지 않고 전체가 같이 바뀌는 현상이 있습니다 (* 아래 처럼 20px 작은아이콘 영역을 Instant swap property 하면 24px로 커지게 됩니다. 사이즈에서 설정을 바꾸면 기존에 큰 사이즈도 똑같이 따라가고 있습니다.) 두개의 아이콘 사이즈를 각각 다르게 설정하는 방법을 찾고있는데 혹시 좋은 방법 있으시면 알려주시면 감사하겠습니다. 잘부탁드립니다. 감사합니다.

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

인프런 할때마다 짜증나는데 수업내용이 너무 오래된건 제발 삭제좀 하던지 다시 찍던지 해주세요

해결됨

디자인 시스템 with 피그마

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

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

tailwind color generator 이게 작동이 잘 안되네요

해결됨

디자인 시스템 with 피그마

이 플러그인 들어가서 gray 라고 치면 컬러가 9개 인가요? 이게 안나오고 그냥 단지 색도 안나오는 100이라는 글자 하나만 나오는데요

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

figma tokens플러그인 안나오는데요??

해결됨

디자인 시스템 with 피그마

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

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

업데이트 강의 버전은 언제 올라올까요?

미해결

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

2025년도 이제 끝나가는데.. 기다리다가 벌써 올해가 다가고있네요..ㅜ

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

피그마 플러그인을 문의 드립니다.

미해결

디자인 프로세스 제로투원 : Figma로 기획부터 디자인, 딜리버리까지

안녕하세요? 강의에 사용된 피그마 플러그인들이 어떤 것들인지 문의 드립니다. 실례지만, 알려주시겠어요? 감사합니다!

  • figma
  • 프로덕트디자인
  • 카카오공채-디자인
Timothy Lee 댓글 1 좋아요 0 조회수 104

혹시 토큰 가공할 수 있는 강의도 따로 있을까요??

해결됨

디자인 시스템 with 피그마

안녕하세요! 토큰가공은 개발자분께 따로 강의해주신다고하셨는데, 혹시 토큰 가공하는 방법이 있는 강의도 따로 있을까요??

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

디스코드 서버명이 어떻게 될까요?

미해결

사수 없이 디자이너가 성장하는 법

남겨주신 링크로 들어갔는데, 앱에서 새로운 서버 생성된게 안보여서요. 혹시 디스코드 서버가 다른 강의자 분들과 함께 [스타트업 프로덕트 클럽]으로 운영하시는 건가요?

  • 커뮤니케이션
  • 프로덕트디자인
  • 소프트스킬
izzyyy 댓글 2 좋아요 0 조회수 102

Image placeholder 그룹화

미해결

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

Lock Aspect Ratio 플러그인을 안써서 제 Image Placeholder는 그룹이 안생긴걸까요? 14:22초 처럼 Image placeholder-Dynamic에 붙여넣을 [Place image]나 하위 개념이 없습니다. Frame 새로 만들고 그룹으로 만들고 컴퍼넌트화해서 구조를 비슷하게는 해봤는데 (아래에 두번째 사진첨부)그렇게 하면 되는건지 궁금합니다.

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

Auto layout 관련

미해결

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

안녕하세요. 표제 관련 문의 드립니다. 수업대로 박스 생성 후 텍스트를 넣었고 그룹화한 다음에 add auto layout을 하였습니다. 이렇게 구두 박스를 만들고 복사해서 스니커즈를 만드려는데, auto layout이 됐음에도 텍스트가 프레임 밖으로 삐져 나옵니다. 구두 프레임 width를 hug로 맞추면 복사한 프레임 내 텍스트가 삐져나오는 현상을 막을 수는 있으나 선생님이 하신 것처럼 구두는 width를 작게 시작해서 스니커즈같이 긴 것은 긴대로. 이런식으로 구현하려면 어떻게 해야 하나요?

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

Create Instance swap Property 안보이는 이유

미해결

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

영상 18:13초에는 Icon Placeholder를 선택해서 Create Instance swap Property를 하게 되어있는데 왜 저는 안뜰까요..?

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

텍스트 실습 도중 8:40 픽셀 보여주는 단축키

미해결

기초부터 실전까지! 모바일 UX/UI 디자인 완성

안녕하세요 텍스트 실습 비디오 도중에 엘리먼트를 움직이실때 픽셀 줄마다 픽셀이 나오는 부분이 여러군데 있는데 (예 8:40, 2:44), 나오게 하는 단축키가 있나요? 어떻게 해야 선택된 엘리먼트 사이들에 간격이 나오는지 궁금합니다.

  • 모바일-디자인
  • figma
  • ux
  • 클론-디자인
  • 프로덕트디자인
Jun Im 댓글 1 좋아요 0 조회수 90

컬러 관련 질문드립니다!

미해결

기초부터 실전까지! 모바일 UX/UI 디자인 완성

안녕하세요 강의 잘 듣고 있습니다! 질문이 있어서 질문드립니다:) 대비가 4.5:1 이 안되는 컬러를 브랜드 메인컬러로 사용하고 싶을 때 방법이 있을까요? 메인컬러와 서브컬러의 비율이 7:3이라는 의미는 사용 비율을 말씀하시는 건가요? 아니면 채도나, 명도 등을 조정해서 눈에 덜 띄는 색을 선택한다는 의미인가요?

  • 모바일-디자인
  • figma
  • ux
  • 클론-디자인
  • 프로덕트디자인
김지효 댓글 1 좋아요 0 조회수 90

강의와 아이콘이 달라 질문 드립니다.

미해결

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

강의에서는 스타일이 사각형이고, 배리어블이 동그랗다고 하셨는데, 제 피그마상에서는 그 둘이 반대로 보이는데, 이번 업데이트 이후로 바뀐걸까요? 스타일에서는 동그랗게 보이는데, fill부분에서 색상선택시 밑 사진처럼 보입니다.

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

신입 프로젝트 선별할때

미해결

취업/이직에 성공할 수 밖에 없는 포트폴리오 전략 강의

프로젝트에 올리기 좋은 첫번째 카테고리를 실제 런칭한 프로젝트로 뽑으셨는데, 동아리나 인턴, 해커톤 프로젝트가 아예 없이 케이스 스터디로만 제출했을때는 메리트가 전혀 없을까요? 혼자 작업한 프로젝트만 있는 상태인데 한번이라도 실제 런칭을 한게 중요할까요?

  • 포트폴리오
  • ux-기획
  • 프로덕트디자인
SS AA 댓글 1 좋아요 0 조회수 116

디자인시스템 관련

미해결

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

우선 좋은 강의 정말 감사합니다. 저는 B2B 회사에서 PM/기획자로 일하고 있는데요 회사 내 디자이너는 없이 기획자와 프론트 엔지니어 협의를 통해서 서비스를 만들고 있습니다. 서비스를 만드는 건 괜찮으나 통일된 UI/UX를 제공하기에는 많이 아쉽다보니 이번에 강의를 듣게 되었어요 디자인 업무를 하진 않았어서 강의를 반복으로 들어야 할 것 같은데요... 강사님이 보시기에...디자이너 없이 디자인 시스템을 회사에 적용하는 것이 가능할까요? 또는 효과적일까요? 강의에서 말씀해주신대로 초기 시간/인력이 투여되지만 해놓으면 확실히 좋을 부분이라서..고민이 좀 되네요 디자이너가 없다면 아무래도..더 시간이 걸릴 것 같은데요 강사님의 의견을 듣고 싶습니다.

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

질문이 있습니다!

해결됨

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

안녕하세요. 궁금한 점이 있습니다. 1) 10/1일에 진행하셨던 라이브는 현재 다시보기가 아직 안열린걸까요? 2) 챌린지 미션 과제를 제출할 때, 공개 설정에서 다른 수강생분들도 참고할 수 있다고 하셨는데 과제 제출 후 다른 수강생 분들의 작업물을 살펴볼 수 있는걸까요? 답변해주시면 감사하겠습니다! 오늘도 수고하세요 ㅎㅎ

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

간격 베리어블 등록하기 하며 질문

미해결

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

- 기본 spacing unit 말고 구체적인 거 정할 때 예를 들어 border radius 등 줄 때 - 보통 어떤 걸 기준으로 하는지 궁금합니다. 다른 시스템 걸 따라하나요? 그리고 이렇게 미리 설정하고 쓰다가 쓰다보니 값이 너무 크거나 작아서 바꾸는 경우도 잦은지 궁금합니다. - measurement랑 appearance - 차이 두는 이유가 궁금합니다. (디스코드에 질문하려다가 해당 강의와 직접적으로 관련이 있는 거라서 여기에 질문하는 게 저도 다시 답변 확인할 때 강의랑 비교해서 이해하기 쉽고, 다른 분들이나 볼드샘께서도 맥락을 아실 것 같아서 여기에 남깁니다)

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

component, frame, variants 그리고 컴포넌트에 새로운 property 추가하기 관련 질문

미해결

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

안녕하세요. 질문드립니다. frame과 component, variants, instance의 관계를 다시 설명해주시면 감사하겠습니다. 그리고 실제로 수행하는 부분에서 잘 안되는게 있어서 질문드립니다. Icon/Button component에 새로운 1,2번 아이콘을 추가하려고 합니다. 그런데 기존 Icon/Button variants로 합쳐지지 않아요. 1,2번을 선택하면 우측에 combine as variants 버튼이 확인되는데 Icon/Button 자체가 variants라서 그런가? 잘 안되네요. 이렇게 variants 자체를 클릭하면 추가할 수는 있는데 제가 새로 만든 1,2번을 추가하는 것이 원활하게 잘 안되고 있습니다 ㅜㅜ 이때부터 어떻게 바꿔야 하는지 잘 모르겠어서 추가가 잘 안되고 있는데, 혹시 알려주실 수 있으실까요?

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

오브젝트간 간격 4px 주시는 이유가 구체적으로 궁금합니다.

미해결

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

안녕하세요. 좋은 수업 감사드립니다. 이 수업에서 간격을 4의 배수로 주신다고 했는데 그 이유가 잘 이해가 안되서요. 구체적으로 설명해주실 수 있나요?

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

인기 태그

인프런 TOP Writers

주간 인기글