묻고 답해요
160만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Image placeholder 그룹화
Lock Aspect Ratio 플러그인을 안써서 제 Image Placeholder는 그룹이 안생긴걸까요? 14:22초 처럼 Image placeholder-Dynamic에 붙여넣을 [Place image]나 하위 개념이 없습니다. Frame 새로 만들고 그룹으로 만들고 컴퍼넌트화해서 구조를 비슷하게는 해봤는데 (아래에 두번째 사진첨부)그렇게 하면 되는건지 궁금합니다.
-
미해결UXUI 디자인 6주 완성 챌린지 (w. 피그마)
Auto layout 관련
안녕하세요. 표제 관련 문의 드립니다. 수업대로 박스 생성 후 텍스트를 넣었고 그룹화한 다음에 add auto layout을 하였습니다. 이렇게 구두 박스를 만들고 복사해서 스니커즈를 만드려는데, auto layout이 됐음에도 텍스트가 프레임 밖으로 삐져 나옵니다. 구두 프레임 width를 hug로 맞추면 복사한 프레임 내 텍스트가 삐져나오는 현상을 막을 수는 있으나 선생님이 하신 것처럼 구두는 width를 작게 시작해서 스니커즈같이 긴 것은 긴대로. 이런식으로 구현하려면 어떻게 해야 하나요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Create Instance swap Property 안보이는 이유
영상 18:13초에는 Icon Placeholder를 선택해서 Create Instance swap Property를 하게 되어있는데 왜 저는 안뜰까요..?
-
미해결기초부터 실전까지! 모바일 UX/UI 디자인 완성
텍스트 실습 도중 8:40 픽셀 보여주는 단축키
안녕하세요텍스트 실습 비디오 도중에 엘리먼트를 움직이실때 픽셀 줄마다 픽셀이 나오는 부분이 여러군데 있는데 (예 8:40, 2:44), 나오게 하는 단축키가 있나요?어떻게 해야 선택된 엘리먼트 사이들에 간격이 나오는지 궁금합니다.
-
미해결기초부터 실전까지! 모바일 UX/UI 디자인 완성
컬러 관련 질문드립니다!
안녕하세요 강의 잘 듣고 있습니다! 질문이 있어서 질문드립니다:)대비가 4.5:1 이 안되는 컬러를 브랜드 메인컬러로 사용하고 싶을 때 방법이 있을까요?메인컬러와 서브컬러의 비율이 7:3이라는 의미는 사용 비율을 말씀하시는 건가요? 아니면 채도나, 명도 등을 조정해서 눈에 덜 띄는 색을 선택한다는 의미인가요?
-
미해결[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
강의와 아이콘이 달라 질문 드립니다.
강의에서는 스타일이 사각형이고, 배리어블이 동그랗다고 하셨는데, 제 피그마상에서는 그 둘이 반대로 보이는데, 이번 업데이트 이후로 바뀐걸까요? 스타일에서는 동그랗게 보이는데, fill부분에서 색상선택시 밑 사진처럼 보입니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
디자인시스템 관련
우선 좋은 강의 정말 감사합니다. 저는 B2B 회사에서 PM/기획자로 일하고 있는데요회사 내 디자이너는 없이 기획자와 프론트 엔지니어 협의를 통해서 서비스를 만들고 있습니다.서비스를 만드는 건 괜찮으나 통일된 UI/UX를 제공하기에는 많이 아쉽다보니 이번에 강의를 듣게 되었어요 디자인 업무를 하진 않았어서 강의를 반복으로 들어야 할 것 같은데요...강사님이 보시기에...디자이너 없이 디자인 시스템을 회사에 적용하는 것이 가능할까요? 또는 효과적일까요? 강의에서 말씀해주신대로 초기 시간/인력이 투여되지만 해놓으면 확실히 좋을 부분이라서..고민이 좀 되네요디자이너가 없다면 아무래도..더 시간이 걸릴 것 같은데요 강사님의 의견을 듣고 싶습니다.
-
미해결6주 완성 디자인 시스템 부트캠프 4기
질문이 있습니다!
안녕하세요. 궁금한 점이 있습니다.1) 10/1일에 진행하셨던 라이브는 현재 다시보기가 아직 안열린걸까요?2) 챌린지 미션 과제를 제출할 때, 공개 설정에서 다른 수강생분들도 참고할 수 있다고 하셨는데 과제 제출 후 다른 수강생 분들의 작업물을 살펴볼 수 있는걸까요?답변해주시면 감사하겠습니다! 오늘도 수고하세요 ㅎㅎ
-
미해결6주 완성 디자인 시스템 부트캠프 4기
간격 베리어블 등록하기 하며 질문
- 기본 spacing unit 말고 구체적인 거 정할 때 예를 들어 border radius 등 줄 때 - 보통 어떤 걸 기준으로 하는지 궁금합니다. 다른 시스템 걸 따라하나요? 그리고 이렇게 미리 설정하고 쓰다가 쓰다보니 값이 너무 크거나 작아서 바꾸는 경우도 잦은지 궁금합니다.- measurement랑 appearance - 차이 두는 이유가 궁금합니다.(디스코드에 질문하려다가 해당 강의와 직접적으로 관련이 있는 거라서 여기에 질문하는 게 저도 다시 답변 확인할 때 강의랑 비교해서 이해하기 쉽고, 다른 분들이나 볼드샘께서도 맥락을 아실 것 같아서 여기에 남깁니다)
-
미해결UXUI 디자인 6주 완성 챌린지 (w. 피그마)
component, frame, variants 그리고 컴포넌트에 새로운 property 추가하기 관련 질문
안녕하세요. 질문드립니다.frame과 component, variants, instance의 관계를 다시 설명해주시면 감사하겠습니다.그리고 실제로 수행하는 부분에서 잘 안되는게 있어서 질문드립니다.Icon/Button component에 새로운 1,2번 아이콘을 추가하려고 합니다. 그런데 기존 Icon/Button variants로 합쳐지지 않아요. 1,2번을 선택하면 우측에 combine as variants 버튼이 확인되는데 Icon/Button 자체가 variants라서 그런가? 잘 안되네요.이렇게 variants 자체를 클릭하면 추가할 수는 있는데 제가 새로 만든 1,2번을 추가하는 것이 원활하게 잘 안되고 있습니다 ㅜㅜ 이때부터 어떻게 바꿔야 하는지 잘 모르겠어서 추가가 잘 안되고 있는데, 혹시 알려주실 수 있으실까요?
-
미해결반응형 UI디자인 완전 정복 with 피그마
[실전 01] 텍스트의 좌우,상하 Fill container 적용 문제
수업의 내용은 모두 이해되었지만 피그마에 동일 조건을 적용 시 같은 결과값이 나오지 않는 문제가 있습니다.수업에서는 '베스트 웨스턴 호텔'에 좌우 Fill 만 적용했을 때 Wrap은 되지만 박스 안에 텍스트가 들어가지 않기 때문에 상하 Fill도 적용해야 한다고 말씀해주셨습니다.캡쳐된 화면상 보시는 것과 같이 '베스트 웨스턴 호텔' 텍스트에 상하,좌우 Fill을 적용했으나 여전히 박스 내부로 텍스트가 들어가지 않아서 Wrap을 했을 때 텍스트가 겹쳐보이는 문제가 있습니다.여러번 다시 시도해보았으나 결과값이 같아서 혹시 어떤 문제인지 알고 계시다면 알려주시면 학습에 적용해보도록 하겠습니다. 감사합니다:)
-
미해결모바일 웹 제작 입문: Figma 디자인 완벽 구현하기 with Javascript
11. login 페이지 - 폼 요소 작성 및 스타일
11. login 페이지 - 폼 요소 작성 및 스타일19:12앱 전체 사이즈 넓이가 414px피그마에서 빨간줄에는 us.가 한줄강사님의 코딩저의 코딩 수업 중 따라하던 중뷰어를 보니 us.가 내려가 있음똑같이 했는데 왜 이럴까요 근데 font-weight: 700;이 부분을 빼니 us.가 위로 잘 올라가 있고요 font-weight: 700;를 넣으면 다시 내려오지요header 패딩도 강사님이랑 동일한데 무엇때문일까요? 참고로 저는 맥을 사용하고 크롬을 보고 있었습니다.
-
미해결모바일 웹 제작 입문: Figma 디자인 완벽 구현하기 with Javascript
참조: https://creatie.ai/ 사이트가 바뀌었어요
11. login 페이지 - 폼 요소 작성 및 스타일9:58 수업노트보기에서 참조: https://creatie.ai/이 링크가 지금은 변경이 되어 https://readdy.ai/로 되어있어서요 이젠 유료이고 프롬프트로 이젠 제작하는 것 같습니다.그래서 대안은 피그에 플로그인에 AutoHTML | Components to Code나 다른 플러그인 추천이 좋을 것 같습니다.
-
해결됨[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
저도 피그마 강의 자료 이미지 누락 문제 관련 문의드립니다.
안녕하세요! 저도 동일한 현상을 겪고 있습니다. 레이아웃은 그대로 복제되는데, 이미지가 모두 누락되어 있습니다.제 생각에는 수강생들에게 보기 권한만 부여되어 있어서 해당 리소스에 접근할 수 없고, 그로 인해 파일 복제 시 이미지가 빠지는 것 같습니다.혹시 가능하시다면, 모든 수강생이 문제없이 접근할 수 있도록 이미지를 파일 내에 직접 포함한 버전으로 자료를 수정해 다시 업로드해 주실 수 있을까요?그렇게 해주신다면 저를 포함한 다른 수강생들도 문제없이 실습을 진행할 수 있을 것 같습니다.바쁘시겠지만 확인 부탁드립니다. 좋은 강의 감사드립니다!
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
오브젝트간 간격 4px 주시는 이유가 구체적으로 궁금합니다.
안녕하세요.좋은 수업 감사드립니다.이 수업에서 간격을 4의 배수로 주신다고 했는데 그 이유가 잘 이해가 안되서요. 구체적으로 설명해주실 수 있나요?
-
미해결6주 완성 디자인 시스템 부트캠프 4기
variables 관련 질문입니다.
다른 분이 하셨던 디자인시스템을 볼 수 있는 기회가 생겨서 피그마로 보고 있는데, 선생님께서 알려주신 "variables" 기능에는 색상값(4개정도 ?)만 조금 있고 아무 것도 안보이는데, 사진처럼 저런 셋팅이 되어있다는건 플러그인을 사용한걸까요 ??
-
미해결기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스
이미지 가져오기 단축키
cmd+shift+k로 알려주셨는데, 노션 바로가기가 뜨거든요. 이럴때는 어떻게 해야하나요? 노션을 꺼야되는지...
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
[실습]아이콘 등록하는 방법, 그리고 팁(with 앤트맨 전략) 수업에서
우선 좋은영상 감사드립니다! 제목과 같이 아이콘 등록하는 방법에서초반에 24 사이즈의 아이콘을 데려왔는데 왜 FrameAll이라는 플러그인을 사용해서 더 작게 만드는지 이유가 궁금합니다~!
-
해결됨서비스기획 & 프로덕트 매니저(PM)의 첫걸음[입문]
마이크 이슈로 인한 A/S 요청
안녕하세요. 저도 PM이고 직무 관련 영상을 평소에도 자주 보는 편이라 재밌게 잘 보고 있습니다. 다만 마이크가 너무 자주 끊깁니다. 해당 부분 자막을 달아주시던지 영상을 새로 올리셔야 될 것 같은데 A/S 일정은 어떻게 되시나요? 질문 가이드 (*이렇게 하면 더욱 의미있는 답변을 드려요!)현재 상태 : 취준생 or 이직준비 or 실무서비스기획/PM/PO 경력 : N년기타 경력 : 마케터 3년 or 개발자 3년 or 취준강의 수강 이유 : 강의수강 이유를 작성해주세요:)질문 : 아래 질문사항을 자유롭게 작성해주세요!
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
인프런 피그마 교육계정 연장
안녕하세요. 피그마 계정을 인프런 교육용계정으로 승인받아 사용하고 있었습니다. 초반에 너무 짧게 설정을 해서 그런지, 아직 강의를 다 못들었는데 6일이 남았다고 해서요.혹시 추가 연장이 가능한가요? 확인부탁드립니다.감사합니다.