묻고 답해요
156만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
포커스링 묻히는거 처리하는 방법
탭이나 네이게이션 할때 포커스링이저런식으로 묻히는데 어떻게 처리해야 할가여? 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스
강의 영상 질문
쌤, 안녕하세요웹 색상 스타일을 HSL 방식으로 등록하기 강의 영상 질문드립니다!!이 강의 내용이 17초에서 끝나는게 맞는 걸까요?강의 내용이 시작하자마자 끝나는 것 같습니다 ㅠㅠ확인 부탁드립니다!! 감사합니다!!
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
아이콘 버튼 제작 (selected) 질문
쌤 안녕하세요, 아이콘 버튼 제작 (selected) 질문 드립니다! selected 아이콘 버튼은 타입(primary, secondary, destructive), 스타일(filled, outline, transparent), 등 배리언트는 여러개 이지만, 강의에서 selected 는 한 가지만 제작하고, 나머지는 selected false 상태로 배우고 제작해봤습니다만 다른 타입, 스타일의 selected는 제작한 1개로 공통으로 사용해도 되는 건가요? 타입, 스타일에 따라 selected 버튼을 각각 추가로 제작해야하는지 헷갈려서 질문드립니다!! 시멘틱 컬러에서 selected는 한 가지 톤의 컬러만 있어서요~ 나머지 타입, 스타일의 selected 버튼은 추가 제작하지 않아도 되는 것 같은데요~ 아직 디자인 시스템 제작 및 활용이 능숙하지 않아서 헷갈려서 질문드립니다~ 도움 부탁드립니다!! 항상 실무에 유익한 좋은 강의 감사합니다!!
-
미해결코드 없이 피그마 디자인 그대로! Bubble.io로 웹사이트 만들기
혹시 버블로 취업하면 연봉은 어느정도인가요 ㅜㅜ
연차가 쌓이면 연봉 5천정도 를 원합니다.또한 풀스택이나 다른 개발자로 들어갈 수 있을까요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
하단바 고정
현재 섹션 13의 61강을 듣고 있습니다. 그런데 Constraints가 업데이트되면서 강의에 나온 위치와 지금은 다르더라고요. 프로토타입에서 스티키를 활용하면 하단바가 고정된다고 하는데, 보시는 것처럼 제 경우에는 고정이 되지 않네요. 뭐가 문제일까요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
도형 오토레이아웃 설정
안녕하세요. 강의 내용을 보다가 궁금한 점이 있어 문의드립니다.강의에서는 도형(Rectangle) + 텍스트를 Auto Layout으로 묶으면, 텍스트가 늘어나면 도형도 자동으로 같이 늘어나는 것을 확인했습니다.그런데 제가 사용하는 최신 버전 피그마에서는 동일하게 도형과 텍스트를 Auto Layout으로 적용해도, 텍스트만 늘어나고 도형 크기는 자동으로 늘어나지 않습니다.지금은 프레임(Frame) + 텍스트를 Auto Layout으로 묶어야 버튼처럼 자동 확장이 되는 것 같습니다.👉 혹시 이 부분이 업데이트 전/후 버전 차이 때문인지, 아니면 제가 설정을 잘못한 건지 확인 부탁드립니다.감사합니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Icon 버튼 Inverse와 관련하여 문의드립니다.
안녕하세요. 항상 강의 잘 듣고 있습니다! : ) 아이콘 등록하는 방법 강의에 관련하여 질문드립니다.아이콘이 포함된 버튼의 인터렉션에 색상 반전되는 부분이 있어서 아이콘 강의 들으면서 해결은 했는데 정확한 이유도 함께 이해하고 싶어서 문의드립니다.강의 17:10 부분입니다.1. 임의 아이콘 생성2. Icon placeholder3. Component4. Variant 추가5. Size property : md-24px, sm-16px, lg-32px, xl-40px (Scale 설정)6. md-24px 아이콘 Instance > Frame > Component 24px7. Component 40px 생성8. Component 24px > Instance swap9. 각각 Instance 생성10. Icon placeholder 색상을 Instance swap이랑 동일한 색상으로 변경11. Component 24px 버튼 부분 Primary, 아이콘 부분 Inverse 색상으로 변경12. Component 24px의 Instance > Reset all changes13. 그 다음 Instance swap을 해야 색상이 변경됨.Q1. Component 24px 예시에는 icon placeholder의 색상을 맞춰주셨는데Component 48px 예시에는 왜 직접 success 색상으로 바꿔주셨나요?Override 개념이랑 조금 헷갈리는 것도 있어서 설명 부탁드릴게요.Q2. Icon placeholder는 아이콘 기본 색상으로 맞춰주고 하는 이러한 과정을위 순서대로 해야하는 이유가 정확히 어떤 이유인지가 궁금합니다.Q3. Icon placeholder에서 나온 아이콘을 각 component 24/48px은새로운 버튼으로 만든 컴퍼넌트인데 이 관계가 어떻게 되는건지 이해가 안되어서요.Q4. Reset all changes 버튼은 정확히 이 과정에서 어떤 역할일까요?Q5. 이 과정이 없으면 inverse가 적용이 되지 않는다면 Instance swap으로 아이콘을 변경해도 아이콘 색상을 유지하고 싶으면 정확히 Icon placeholder와 Instance swap한 아이콘 색상을 동일하게 맞추고Inverse로 바꾼 것을 다시 reset하는 일련의 과정이 항상 필요한 것일까요?잘 부탁드립니다.감사합니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
다크모드 적용시 문제가 있어 질문 드립니다.
안녕하세요! 먼저 강의를 잘 듣고 있고 자세하게 알려주셔서 감사합니다.강의 듣다가 막히는 부분이 있어 질문 남깁니다.현재 [모드를 활용한 다크모드 전화, 그리고 그 원리 배우기- 파트 2] 를 듣고 있습니다.베리어블에 다크모드 색상 값을 입력하고 Component UI 파일에서 Appearance로 모드를 전환하려는데 어떤 부분은 바뀌고 어떤 부분은 바뀌지 않는 현상이 있습니다. (사진첨부1)아래 캡처(사진첨부2)처럼 used variables와 Foundation2025(라이브러리파일)로 나뉘어서 뜨는데 이것 때문일까요? 왜 강의와 다르게 두 개로 나뉘어서 뜨는지잘 모르겠습니다.
-
미해결UX 입문자들 모여라! 1시간에 끝내는 UX 포트폴리오 강의
자료 파일 문제
강의를 모두 듣고 자료를 다운 받아 압축을 풀었는데, 아래 질문하신 분과 동일한 문제가 발생했습니다제가 뭔가 잘못 받은걸까요?답변에서 말씀하신 구름모양 버튼으로도 다시 받아보았습니다
-
해결됨디자인 시스템 with 피그마
피그마 배리어블에 export시 값 저장 안됨
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 토큰 스튜디오에 아래와 같은 식으로 스페이싱 정리 후, 배리어블로 export를 했는데 아래처럼 값이 0으로 나옵니다. 모드 이름을 다르게 해서 그런 건가요? ㅠ 스타일은 아무래도 범용성이 적어서 실제 사용할 때는 배리어블로 토큰 정리를 하려고 하는데, 배리어블에서 토큰스튜디오로 import는 도ㅣ는데 반대가 안 돼서요… 토큰 스튜디오에는 primitive.spacing.* 식으로 저장을 하고 실제 값은 중괄호로 변수처리했습니다.배리어블에는 primitive.spacing.* 식으로 저장을 해뒀는데 mode 이름이 default라서 그런 건가요?? 궁금합니다ㅠㅠㅠㅠㅠㅠ
-
해결됨디자인 시스템 with 피그마
Style - variable 문으ㅣ ㅜㅜ
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 선생님! 강의 잘 듣고 있습니다. 그런데 한 가지 이해가 가지 않는 것이… 피그마 토큰 플러그인을 사용해서 등록한 후에 네이티브로 스타일에 등록을 하신다고 했는데, 배리어블에 등록을 하면 되는 것 아닌가요? 스타일은 참조 같은 기능이 안 돼서 피그마에서 실제로 사용할 때도 배리어블로 토큰 관리하는 게 좋다고 알고 있는데 뭐가 맞는 건지 모르겠습니다 ㅠㅠ
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Rename layers
안녕하세요 볼드님!강의를 듣다 문의 사항이 생겨 질문드립니다. 기존 베타 버전이던 Rename layers가 사라지고 하기와 같이 뜨는데요, 클릭하여 진입해도 rename layers가 없어 여쭤봅니다!
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
타이포그래피 primitive typeface 네이밍 질문있습니다
우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.안녕하세요! primitive:typography 에 궁금한 점이 있습니다.font family/typeface 를 등록할 때, Name열에 어떻게 명명할지 고민이 됩니다.주로 화면들에는 거의 pretendard를 사용하고 있고, Geist 폰트 부분으로 조금씩 (페이지네이션 숫자, 영어 정도) , inter (한 두개) 정도를 사용하고 있다면 어떻게 해야할까요?폰트가 모두 sans여서 어떻게 구분해서 Name열에 적어야할지 모르겠습니다. (강의에서 설명주신 부분은 아래 사진입니다)
-
미해결반응형 UI디자인 완전 정복 with 피그마
영어 음성 지원
학습 관련 질문을 남겨주세요. 구체적일수록 좋습니다. 영상이나 이미지 캡쳐를 해주시면 더더욱 좋습니다. 질문이 구체적일 수록 저도 질문을 정확히 파악하고 적절한 답변을 드릴 수 있습니다.커뮤니티 질문 & 답변에 비슷한 내용이 있었는지 먼저 검색해보세요.서로 예의를 지키며 존중하는 분위기를 함께 만들어가요.반응형 디자인 강의의 영상과 직접적인 관련이 없는 질문은 가능하면 카카오 오픈 그룹챗에 올려주세요. 오픈챗 정보는 다음 링크를 확인해주세요. 저는 캐나다에 거주해서 영어에 적응하려고 영어 음성으로 듣는데 8:56초에 영어가 아닌 중국어(?)가 몇초 나와요. 앞의 몇군데도 그랬구요..
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
단락별 행간 조절
선생님의 화면에 나오는 단락별행간 조절할 수 있는게 안뜨는데 어디로 가면 찾을수 있나요?윈도우입니다!
-
미해결따라하며 배우는 아임웹으로 홈페이지 만들기 [공유오피스편]
기획자료 다운로드
기획자료 받아보려고했는데 자료 다운로드 버튼도 없어진거같아서 어디서 다운을 받아야할지 모르겠네요! 제가 못찾는건지 모르겠어요
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
플러터(Flutter) 개발 환경에서 svg 깨짐 현상 해결 방법 문의
플러터(Flutter) 개발 환경에서 svg 깨짐 현상 해결 방법 문의 쌤 안녕하세요~피그마에서 아이콘 키라인 가이드에 맞춰 아이콘 제작(union > flatten 모두 적용 완료)하여 svg로 아이콘을 전달하였으나, 플러터 개발 환경 > 배포하여 적용해보면 svg 아이콘 깨짐이 발생하는 문제를 겪고 있습니다~svg export 플러그인, SVG 최적화(SVGOMG) 적용하여 수정했으나, 동일하게 SVG 깨짐 현상이 해결되지 않는데요~fill rule editer 플러그인은 아직 적용하지 않았으나, 이를 적용하지 않는 것이 문제일까요?fill rule editer도 다시 적용해 볼 예정입니다만, 해결이 될지 알 수 없어서 문의 드려봅니다! 🥺실무에 유익한 강의 항상 감사합니다!!
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
디자인시스템네이밍
안녕하세요 볼드선생님!디자인시스템은 강의를 듣고 만들고있지만디자인시스템네이밍에 관련해서 네이밍을 어떤식으로 정해야하는지 잘 모르겠는데혹시 관련해서 팁이 있을까요!?
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Theme에서 다크와 라이트를 구분하지 않고 Semantic에서 구분하는 이유가 궁금합니다
안녕하세요 Theme에서 다크와 라이트를 구분하지 않고 Semantic에서 구분하는 이유가 궁금합니다 Theme에서 부터 - brand1 - dark- brand1 - light- brand2 - dark- brand2 - light로 구분하게 되면semantic에서는 - bold-sementic-backgound로 모든 브랜드와 다크모드가 대응 되는거 아닌가요?제가 구조를 제대로 이해한게 맞나요?
-
미해결디자인 프로세스 제로투원 : Figma로 기획부터 디자인, 딜리버리까지
발표 자료와 피그마 템플릿 질문드립니다.
실무에서 고민했던 부분들에 대해 깊이 있는 인사이트를 얻을 수 있는 좋은 강의였습니다.강의 내에 밋업 발표용 슬라이드나 발표자료에서 보여주셨던 피그마 샘플 작업 템플릿이 있으면 좋을것 같은데 제공이 되는 것인지 궁금합니다.아시는 분 있으시면 답변 부탁드려요 🧐