절대 위치값과 컨스트레인트
미해결
기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스
안녕하세요 절대 위치값과 컨스트레인트 강의를 듣고있는데 포지션 옵션중에 컨스트레인트 옵션이 계속 보이지 않아서요 따로 설정이 필요할까요?
- 웹-디자인
- 프로토타이핑
- figma
- 반응형-웹
- 프로덕트디자인
jskim
댓글 2
좋아요 0
조회수 36
묻고 답해요
176만명의 커뮤니티!! 함께 토론해봐요.
클로드 디자인 업데이트로 인한 강의 수정 요청
해결됨
비전공자도 쉽게 배우는 클로드 디자인
안녕하세요. 클로드디자인 업데이트가 너무 많이 되어 강의를 따라갈 수 없는데 혹시 리뉴얼 해주실 수 있나요?
- figma
- terminal
- figma-plugin
- ai-agent
- claude
asd
댓글 1
좋아요 0
조회수 54
디자인 시스템을 사용해 UI 만들기
해결됨
비전공자도 쉽게 배우는 클로드 디자인
안녕하세요. 클로드 디자인에서 에어비앤비 디자인시스템을 적용한 후, 프로젝트를 생성하여 "중고차 판매를 위한 앱을 만들어줘"라고 한뒤, 생성할때 저는 질문지가 안나오고 바로 디자인이 만들어졌고, 그래서 질문지를 만들어 달라고 했더니, 선생님 화면에서 보는 것과 좀 다른 질문지가 만들어졌습니다. 선생님 처럼 질문지를 항상 만들어주고, 선생님 화면처럼 질문지를 만들게 하려면 어떻게 해야 하는지요? 그리고 지금 클로드 디자인 화면이 강의 화면과 달라서 따라가기 조금 버거운데 그냥 비슷하게 진행하면 될까요?
- figma
- terminal
- figma-plugin
- ai-agent
- claude
미갱이
댓글 1
좋아요 0
조회수 52
B2B 어드민 페이지에서 모바일 화면 만들때 궁금한 부분이 있습니다.
미해결
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
안녕하세요. 선생님 강의 열심히 쫓아가고 있는 수강생입니다 헉헉;; 지금 B2B 어드민 페이지를 만들다가 모바일 화면으로도 만들고 있는데 탭부분은 어떻게 하면 되는지 .. 그리고 아래 화면처럼 만들었는데 수정할 부분이 어떤게 있는지 궁금합니다. 모바일 최대 width와 최소 width 를 각각 767, 320으로 하면 될까요?
- 웹-디자인
- figma
- figma-tokens
- 디자인-시스템
- 아토믹-디자인
- figma-variable
- 프로덕트디자인
미갱이
댓글 2
좋아요 0
조회수 69
모드를 활용한 반응형 디자인 구현하기에서 등록한 베리어블이 보이지 않습니다.
미해결
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
안녕하세요. "모드를 활용한 반응형 디자인 구현하기" 파트를 듣고 있는데 컴포넌트 파일에서 Mobile Navigation 이라는 로컬 베리어블?을 등록한 뒤 두 프레임안에 있는 Global Navigation을 선택한 뒤 변수를 적용하려고 눌렀는데 그 변수 리스트가 목록에 나타나질 않습니다. 선생님 강의 처럼 변수적용할때 "Mobile Navigation"이 목록에 떠야하는데, 제가 도통 찾을 수가 없습니다. 아래에는 참고차 제 작업화면을 캡쳐하여 올립니다.
- 웹-디자인
- figma
- figma-tokens
- 디자인-시스템
- 아토믹-디자인
- figma-variable
- 프로덕트디자인
미갱이
댓글 4
좋아요 0
조회수 91
투명 위젯
미해결
AI로 만드는 홈페이지형 네이버 블로그: 스킨 제작부터 링크 연결까지
투명 위젯 파일을 다운받아 압축해제하면 비어있는 것으로 나옵니다. kr97210@naver.com으로 자료 부탁드립니다.
- figma
- 인공지능(ai)
kr97210
댓글 2
좋아요 0
조회수 66
1- 피그마 기본 프레임 예제
해결됨
피그마 시작하기
안녕하세요. 공유주신 예제파일 링크 내, 강의에 활용된 자료가 없는 것 같습니다. 확인 부탁드립니다.
- 웹-디자인
- 모바일-디자인
- figma
- ui
- ux
김윤교
댓글 2
좋아요 1
조회수 59
컴포넌트 파일에 파운데이션 라이브러리 연결 안되는 문제
미해결
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
안녕하세요. 25강. 컴포넌트 만들기 전 라이브러리 세팅하기 part를 수강하다가 문제가 있어서 질문드립니다. 질문 1 ] 아래와 같이 파운데이션을 라이브러리에 추가하였는데, 컴포넌트 UI Kit 파일에서 아이콘을 클릭했을때 선생님 강의 화면에는 selection colors에 color/icon/primary로 뜨는데, 제 아이콘 colors에는 그냥 #171717로 색상코드값으로 나옵니다. 질문 2] Apply variables 플러그인 실행하여, 강의 내용대로 실행하였는데 저는 0 variables applied 0s remaining로 하나도 적용이 안되어 있습니다. 혹시 위 질문1번의 문제때문에 안된것일까요? 아래에는 질문과 관련된 화면 캡쳐하여 드립니다.
- 웹-디자인
- figma
- figma-tokens
- 디자인-시스템
- 아토믹-디자인
- figma-variable
- 프로덕트디자인
미갱이
댓글 6
좋아요 0
조회수 137
섹션3. 스타일가이드 다운받고 난후
미해결
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
안녕하세요. 너무 초보적인 질문이라 해도 되는건지 모르겠어요.. 먼저 죄송하단 말씀드리겠습니다. 다름이 아니라, 섹션3에서 스타일가이드 파일 (BoldPlus Foundation 2025 v1 (Community)) 을 다운받았는데, 보니까 color, typography, grid, appearance 페이지가 있는데 각 페이지에 있는 값들을 style과 variable로 모두 등록해야 하는건가요? 저걸 왜 다운받았는지 일단 이해가 안되고, 다운받아서 등록하란건지 잘 모르겠어요 ㅠ.ㅠ
- 웹-디자인
- figma
- figma-tokens
- 디자인-시스템
- 아토믹-디자인
- figma-variable
- 프로덕트디자인
미갱이
댓글 2
좋아요 0
조회수 64
강의 파일 다운로드
미해결
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
안녕하세요! 해당 강의 속에서 볼드님께서 사용하시는 디자인 시스템이랑 같은 썸네일의 파일을 활용해서학습하고 있어요 근데 asset에서 버튼 아이콘을 검색해도 저는 이렇게 강의랑 다른 아이콘이 검색이 되는데, 제가 혹시 강의 파일을 잘못 다운로드한걸까요??
- 웹-디자인
- figma
- figma-tokens
- 디자인-시스템
- 아토믹-디자인
- figma-variable
- 프로덕트디자인
댓글 2
좋아요 0
조회수 74
아이콘 컬러 자동 변경
해결됨
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
안녕하세요, 강의 듣던 중 제가 까먹은 부분이 무엇인지 알고 싶어서 문의 남겨요! placeholder를 제작할 때, icon을 chevron-down으로 바꿀 때, 전에는 아이콘 변경할때는 컬러랑 사이즈도 고려되어 자동으로 다 변경이 되었던거 같은데, 이번 에는 그렇게 안되어서요! 혹시 전에 어떻게 해야 자동으로 다 변경이 되는지 , 한번만 다시 정리해주실 수 있을까요..? 헷갈리네요 ㅠㅠ 좋은 강의 만들어주셔서 감사합니다 : )
- 웹-디자인
- figma
- figma-tokens
- 디자인-시스템
- 아토믹-디자인
- figma-variable
- 프로덕트디자인
댓글 2
좋아요 0
조회수 84
투명위젯.zip
미해결
AI로 만드는 홈페이지형 네이버 블로그: 스킨 제작부터 링크 연결까지
투명위젯.zip 파일이 비어 있어요
- figma
- 인공지능(ai)
박성권
댓글 2
좋아요 0
조회수 84
auto layout 뎁스를 많이 넣는 이유?
해결됨
디자인 시스템 with 피그마
안녕하세요! 조금 예전 강의라 답이 달릴지는 모르겠지만 질문 남겨봅니다.. 헤더 작업할 때 각 메뉴에 오토 레이아웃을 여러번 중첩하는 이유가 있을까요? 제가 이제껏 해오던 방식은 (실무 X) 이런식으로 text와 박스를 한번만 묶고 패딩을 줬을거같은데 이렇게까지 여러번 묶어서 뎁스가 들어가는 이유가 무엇인지 궁금합니다. 그리고 이런 경우에는 코딩할 때에도 div를 감싸 각 박스에서 여백을 잡아주기를 개발자에게 바란다고 보면 될까요? 그리고 피그마가 최근 많이 업데이트가 되었는데 혹시 강의도 추가 강의나 업데이트 예정이 있으신지..궁금합니다! (GSAP 다음 강의도 기다리고 있어요... 무료로 풀려서 다양하게 배워보고 싶습니다)
- figma
- figma-tokens
- 디자인-시스템
- 아토믹-디자인
- 프로덕트디자인
migyeong kim
댓글 2
좋아요 0
조회수 87
node.js 설치 (LTS버전)
미해결
Figma MCP × AI x Vibe Coding 4시간만에 완성하는 반응형 웹포트폴리오
맥에서는 어떻게 선택하면 될까요?
- HTML/CSS
- figma
- 포트폴리오
- 인공지능(ai)
- 바이브코딩
강예림
댓글 1
좋아요 0
조회수 82
Cursor & Antigravity 소개 및 설치
미해결
Figma MCP × AI x Vibe Coding 4시간만에 완성하는 반응형 웹포트폴리오
여기서 커서랑 비주얼스튜디오 말고 다른 툴을 사용해도 된다고 하셨는데 클로드를 사용해도 될까요?
- HTML/CSS
- figma
- 포트폴리오
- 인공지능(ai)
강예림
댓글 2
좋아요 0
조회수 79
24번 수업에 나온 창은 무슨 프로그램인가요
미해결
Figma MCP × AI x Vibe Coding 4시간만에 완성하는 반응형 웹포트폴리오
터미널은 써본적이 없는데... 그부분을 스킵하고 건너뛴 것 같아요 24번째 수업에 나오는 화면이 터미널인가요? ㄷㄷ 무슨 화면인지 모르겠네요 피그마 수업이 길고 ㅠㅠ 바이브 코딩 진입 부터 너무 훌쩍 건너뛰고 진행되는 느낌입니다..... 22. Node.js 설치 여기도 터미널 화면이 나오는데....당연히 사용법을 안다는 전제로 작성하셔서 따라가는데 어려움이 있고 당황스러워요
- HTML/CSS
- figma
- 포트폴리오
- 인공지능(ai)
- 바이브코딩
suhyun lee
댓글 1
좋아요 0
조회수 70
Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지
미해결
Figma MCP × AI x Vibe Coding 4시간만에 완성하는 반응형 웹포트폴리오
제공한 폰트를 다운받았냐고 물으시는데 다운을 어디서 받나요? 첫 강의 노션과 피그마를 봐도 링크가 안 보여요 관련 자료는 해당 강의에 코멘트로 링크를 주시면 좋을 것 같아요
- HTML/CSS
- figma
- 포트폴리오
- 인공지능(ai)
- 바이브코딩
댓글 1
좋아요 0
조회수 73
토큰 추출을 베리어블+AI 활용 vs 토큰 스튜디오 차이
해결됨
디자인 시스템 with 피그마
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요, 범쌤! 해당 강의를 보면서 디자이너와 개발자간의 협업에 있어서 토큰 스튜디오가 매우 중요한 역할을 하는구나 생각이 드는데요~ 그런데 최근 AI가 활용되면서 토큰 스튜디오 사용이 거의 없다는 얘기도 있던데, 토큰 스튜디오의 장점들이 대체가 가능한건지.. 실제 현업에서는 어떤지 궁금합니다. 그리고 피그마 베리어블만으로 AI를 활용해서 토큰으로 뽑고 활용하는 방법과 토큰 스튜디오의 토큰으로 사용할 때 차이점도 함께요!
- figma
- figma-tokens
- 디자인-시스템
- 아토믹-디자인
- 프로덕트디자인
류지25
댓글 2
좋아요 0
조회수 110
'만능으로 쓰이는 기본카드' 강의 내용에 대해 질문드립니다.
미해결
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
안녕하세요, 강의듣고 있는 수강생입니다. '만능으로 쓰이는 기본카드' 강의 내용에서 utillties 부분에 해당하는 이미지 크기를 고정 시키는 플러그인을 알려주셨는데, 해당 플러그인 현재 2026년 8월 기준에는 나오지 않아서 첨부한 이미지와 같은 'Aspect Ratio Lock'을 사용해보았는데, 비슷하면서도 다른 플러그인이라 그런지, 강의에서 알려주신대로 도형에 바로 적용되지 않는 플러그인이며, 비율을 400:400로 키운다음에 1:1로 맞추려고 하면 고정 자체가 되지 않습니다 이렇게 플러그인을 사용할 수 없는 상황이라면, 이미지 비율을 고정시킬 수 있는 대체 방법에 대해 알려주실 수 있으실까요?
- 웹-디자인
- figma
- figma-tokens
- 디자인-시스템
- 아토믹-디자인
- figma-variable
- 프로덕트디자인
D.Hye
댓글 2
좋아요 0
조회수 108
커서도 프로 요금제(유료 버전)이 필요하네요
미해결
요즘 AI 서비스 제작법: Google Stitch·Figma·Cursor로 기획부터 즉시 배포까지
커서도 유료 구독 필요하다고 강의 소개 업데이트 좀 해주세요.. Free 버전으로는 Sonnet 이용 불가요
- notion
- figma
- cursor
- 인공지능(ai)
- mcp
- claude
SouthCreate
댓글 2
좋아요 0
조회수 87
인기 태그
인프런 TOP Writers
- 수강생 4
- bluescreen 3
- 사용자27 3
- 예진 3
- 별명을붙여줘야겠군 3
- 최예진 3
- rkddnrdl97 2