inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

문의

해결됨

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

21:48초 플러그인 강의에서 보면 리 네임을 할 수 있는데. 제가 깐 플러그인에서는 리네임 불가 하고 드롭 다운으로만 펼쳐져요...

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

문의

해결됨

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

미듐md 찾아서 장평? 선택하려 했는데 안떠요.. 시멘틱 베리어블 등록하고 스타일과 연결하기 편 16:50분 경 입니다.

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

베리어블 적용 중 문제

해결됨

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

우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 시멘틱 베리어블 등록하고 스타일과 연결하기 강의의 2:20초에 보면 등록된 폰트? 베리어블? 이 두개만 뜨는데,, 저는 왜이이렇게 많이 뜨는 걸까요? 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변 드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크 를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문 이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기 로 인프런 쪽으로 연락 주시기 바랍니다.

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

prototype-overflow 탭 문의

미해결

피그마 시작하기

안녕하세요. 1-피그마의 기본, 프레임 다루기 강의 prototype에서 Scroll behavior position은 설정할 수 있으나 overflow 탭이 보여지지 않습니다. 현재 피그마를 무료로 사용하고있는데 유료 버전에서만 보이는 탭인지 궁금합니다. 감사합니다.

  • 웹-디자인
  • 모바일-디자인
  • figma
  • ui
  • ux
쟁쟁 댓글 2 좋아요 0 조회수 240

플러그인 질문

해결됨

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

안녕하세요 볼드님 해당값이 있는 베리어블 값일 경우 자동으로 등록해주는 플러그인을 설명해주셨던거 같은데요. 혹시 알 수 있을까요?

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

디스플레이 파트 Accordian 스트로크 질문

해결됨

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

안녕하세요 디스플레이 아코디언 컴포넌트에 관해서 여쭤봅니다. 아코디언에 이렇게 바텀만 스트로크를 주셨는데 볼드님 강의에서는 일직선 으로 보이는데 제가 한거는 아코디언 border radious 값 때문에 살짝 선이 둥글게 보이더라구요 inside outside 다 해봐도 똑같네요. 어떻게 일직선으로 만들 수 있나요? 감사합니다. 우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변 드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크 를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문 이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기 로 인프런 쪽으로 연락 주시기 바랍니다.

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

베리언트 레이어 표기 ◑ 관련 문의건

해결됨

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

안녕하세요! 강의 잘 듣고 있습니다. 한가지 문의 사항이 있는데요! 협력사 피그마 문서에 베리언트로 만든 스위치 셋트중 레이어 페이지에서 표기에서 State=pressed, ◑ On/off=off 이런게 있는데요 On/off는 불린 기능 설정인데 그 왼쪽옆에 ◑ 반원의 아이콘이 있더라고요.... 이게 일반적으로 만들때는 안생기던데 일부러 추가한건지 숨겨진 기능이 있는것인지 궁금합니다.

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

브레드크럼 인스턴스에서 Underline 넣는 방법

해결됨

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

브레드크럼 파트에서 수강 중 질문드립니다! 브레드크럼 인스턴스의 Label text property가 수정되면 Style을 Underline으로 변경이 안됩니다. Underline을 넣고 싶으면 브레드크럼 컴포넌트 셋트에서 적용해야 인스턴스에도 적용되는데, 이렇게 하는게 맞는지 궁금합니다. 우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변 드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크 를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문 이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기 로 인프런 쪽으로 연락 주시기 바랍니다.

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

아직 수강전인데

미해결

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

아직 수강전이데 피그마 무료버전으로 모든 강의 따라갈 수 있을까요? 아니면 유료버전 구매가 필요할까요?

  • figma
  • ui
송한울 댓글 1 좋아요 0 조회수 268

Lock Aspect Ratio 관련

해결됨

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

우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변 드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크 를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문 이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기 로 인프런 쪽으로 연락 주시기 바랍니다. ============================================================ 안녕하세요. 해당 질문관련 검색을 해보았지만 나오지 않는 것같아서 문의드립니다. 현재 8-8 만능으로 쓰이는 기본 카드 를 수강중에 있습니다. Lock Aspect Latio의 플러그인이 사라졌는지 검색을 해도 이것밖에 안나오더라구요. 저 첫번째 것을 사용하면 강의내용처럼 원하는 대로 나오지 않습니다. 방법이 있는지 아니면 제가 검색을 잘못했는지 알고 싶습니다. 감사합니다!!

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

Local variables

해결됨

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

안녕하세요 볼드님 local variables을 등록한 후, Mobile, Tablet, Desktop Frame을 눌러서 등록한 베리어블을 적용하려고 하니, 안 뜨는 경우는 무엇일까요? ㅜㅜ 프레임 밖에 벗어나서 Page자체에서는 등록된 베리어블을 확인을 할 수 있습니다 ㅜㅜ

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

Fill이 안 되는 이유

해결됨

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

width가 Fill로 변경이 안 되는 이유가 무엇일까요 선생님ㅜㅡㅜ Fixed, Hug만 뜹니다 ㅜㅜ

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

버튼 미작동

해결됨

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

우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 배리어블 인터페이스와 친해지기 편의 6:07분에서 '리네임' 버튼을 눌러도 이름 변경이 되지 않아요 이유가 뭘까요? 이미지: 제 컴퓨터 상황 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변 드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크 를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문 이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기 로 인프런 쪽으로 연락 주시기 바랍니다.

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

버튼 컴포넌트에서 불린프로퍼티 아이콘이 안 보입니다.

해결됨

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

버튼 컴포넌트에서 불린 프로퍼티를 넣으려고 하는데요, appearance에서 눈 옆에 육각형 아이콘이 안 보입니다. 안 보이는 이유가 뭘까요?

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

컴포넌트 파일에 파운데이션 라이브러리가 연결이 안됩니다!

해결됨

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

말씀해주신대로, 파운데이션 파일에서 라이브러리 publish 한 후, 컴포넌트 파일에서 add to file을 했는데 베리어블과 local style에 파운데이션이 뜨지 않습니다! 제가 어떤 부분을 누락한 걸까요?

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

네비게이션 탭 강의에서의 질문

해결됨

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

강의 10분 정도의 내용입니다. 아래 컴포넌트에서 Tabs를 fixed로 Tabs item들을 fill로 설정하니 인스턴스에서 전체적으로 간격이 잘 유지 되면서 탭바가 늘어나고 줄어듭니다. 그런데 길이가 다른 데이터를 넣으니 저렇게 간격유지를 못하고 틀어지는데 어떻게 해야하나요? Tabs와 Tabs item을 둘 다 hug로 설정하면 데이터를 넣어도 간격유지가 잘되며 늘어나지만 그 후 탭바를 전체적으로 늘리고 줄이는게 안됩니다.

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

frame 생성 시 android large가 없습니다.

미해결

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

해당 강의해서 첫 시작 때 frame를 adroid large로 사용하는데 android compact와 android medium은 있는데 large만 없습니다. 어떻게 해야 하나요?

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

불리언프로퍼티

미해결

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

[예제 실습] 버튼 컴포넌트의 variants 만들기 강의 8:14초에서 버튼 안에 프레임 생성 후 프로퍼티를 생성하려고 하는데 생성하는 버튼이 안떠서요ㅜ 어떻게 생성하는지 알 수 있을까요?

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

상태칩 강의에서의 질문

해결됨

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

볼드님 상태칩을 만들때 아이콘을 끄고 켤 때 텍스트와 버튼의 앞 뒤 간격이 달라지는데 이건 어떻게 해결해야하나요?

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

Print variables 대체 플러그인 없을까요?

해결됨

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

플러그인이 강의에 나온 버전보다 업데이트 되었는지 아래 사진처럼 출력이 됩니다. 갠적으로 컬러 크기가 Description 폰트에 비해 너무 크고 세로로 1자 형태로 배열되니까 보기 불편하다고 느낍니다! 혹시 또 다른 플러그인은 없을까요? 이번 미션은 Print variables로 하겠지만, 추후에는 더 유용한 플러그인을 사용해보고 싶습니다ㅎㅎㅎ

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

인기 태그

인프런 TOP Writers

주간 인기글