inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

디자인시스템 관련

미해결

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

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

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

질문이 있습니다!

해결됨

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

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

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

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 조회수 156

11. login 페이지 - 폼 요소 작성 및 스타일

미해결

모바일 웹 제작 입문: Figma 디자인 완벽 구현하기 with Javascript

11. login 페이지 - 폼 요소 작성 및 스타일 19:12 앱 전체 사이즈 넓이가 414px 피그마에서 빨간줄에는 us.가 한줄 강사님의 코딩 저의 코딩 수업 중 따라하던 중 뷰어를 보니 us.가 내려가 있음 똑같이 했는데 왜 이럴까요 근데 font-weight: 700; 이 부분을 빼니 us.가 위로 잘 올라가 있고요 font-weight: 700;를 넣으면 다시 내려오지요 header 패딩도 강사님이랑 동일한데 무엇때문일까요? 참고로 저는 맥을 사용하고 크롬을 보고 있었습니다.

  • HTML/CSS
  • javascript
  • 웹-디자인
  • 모바일-디자인
  • figma
박인정 댓글 1 좋아요 0 조회수 66

참조: https://creatie.ai/ 사이트가 바뀌었어요

미해결

모바일 웹 제작 입문: Figma 디자인 완벽 구현하기 with Javascript

11. login 페이지 - 폼 요소 작성 및 스타일 9:58 수업노트보기에서 참조: https://creatie.ai/ 이 링크가 지금은 변경이 되어 https://readdy.ai/ 로 되어있어서요 이젠 유료이고 프롬프트로 이젠 제작하는 것 같습니다. 그래서 대안은 피그에 플로그인에 AutoHTML | Components to Code 나 다른 플러그인 추천이 좋을 것 같습니다.

  • HTML/CSS
  • javascript
  • 웹-디자인
  • 모바일-디자인
  • figma
박인정 댓글 2 좋아요 1 조회수 1213

수강기간 무제한으로 변경 부탁드립니다.

해결됨

모던 웹 인터렉티브 CSS3 부트캠프 [Full vers.]

수강기간 무제한으로 변경즘 부탁드릴게요

  • HTML/CSS
  • 웹-디자인
  • 모바일-디자인
  • 클론코딩
pcdo.omco 댓글 2 좋아요 0 조회수 97

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

미해결

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

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

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

variables 관련 질문입니다.

해결됨

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

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

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

이미지 가져오기 단축키

미해결

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

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

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

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

미해결

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

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

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

수강기간을 무제한으로 변경부탁드립니다.

해결됨

부트스트랩을 활용한 반응형 웹제작[기본 개념편] 부트캠프

수강기간 무제한으로 변경즘 부탁드릴게요

  • HTML/CSS
  • bootstrap
  • 웹-디자인
  • 반응형-웹
p.cdoomco 댓글 2 좋아요 0 조회수 111

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

해결됨

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

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

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

미묘하게 다른 구조 ㅜㅜ

미해결

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

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

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

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

미해결

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

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

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

보더를 사용해 와이어프레임만드는 강의 html+css소스 다운로드 받을 수 있나요?

미해결

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

안녕하세요 38.2.가로고정형 레이아웃(A1-A4)보더를사용해서 Html+css 구조만들기 강의에서 html+css 코딩소스 다운로드 받을 수 있나요? 전체를 감싸는 컨테이너박스와 안에 있는박스 사이 1픽셀 공간이 남아서 소스를 비교해 볼려고 합니다

  • HTML/CSS
  • jquery
  • 웹-디자인
조추립 댓글 1 좋아요 1 조회수 91

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

미해결

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

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

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

라이브 시간

해결됨

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

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

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

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

미해결

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

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

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

인기 태그

인프런 TOP Writers

주간 인기글