묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨디자인 시스템 with 피그마
라이트 모드 컬러가 다크모드 컬러와 호환되요
피그마 토큰에서 라이트와 다크모드 컬러 값을 모두 primary로 입력했더니 라이트모드에 다크모드의 화이트 컬러코드가 자동으로 입력되요 ㅠㅠ{black}으로 입력하고 저장했는데, 저장 후 보면 다크모드의 white 코드로 입력외어 있습니다 어떻게해야하나용
-
미해결UX/UI 시작하기 : Figma 입문 (Inflearn Original)
constraints에서 상단 스크롤 고정을 할 수 있는 체크 박스 가 보이지 않아요.
constraints에서 상단 스크롤 고정을 할 수 있는 체크 박스 가 보이지 않아요.ㅠ
-
해결됨디자인 시스템 with 피그마
border
border Opaque 혹은 transaprent의 정확한 의미와 어디에 이용이 될까요!!
-
해결됨디자인 시스템 with 피그마
토큰 실행이 안돼요
accent/negative/warning/positive 색상만들고 각 색상에컬러스타일을 넣었습니다. dark 모드를 선택하면 다시 primary 색상으로 빠져버리고 다시 글로벌 선택하면 primary로 돌아가서 다 하얗게 되네요ㅜㅜㅜㅜ어떻게해야하죠
-
해결됨디자인 시스템 with 피그마
디자인 시스템을 토큰을 이용해 구성하고 새로운 파일(실제 화면을 디자인할 파일)에 디자인 시스템에서 만든 컴포넌트를 가져와 사용할때
안녕하세요. 선생님 토큰을 이용해서 디자인 시스템의 컴포넌트들을 프라이머리와 세컨더리 컬러로 정의된 스타일로 만들었습니다. 이후에 토큰을 익스포트해서 저장한 Json 파일을 새로운 디자인 파일에 import해서 로컬 스타일에 등록해주주고, 퍼블리시한 디자인 시스템 파일의 라이브러리를 이용해 새로운 디자인 파일에서 디자인을 하려고 하는합니다.그런데 컴포넌트의 등록한(디자인 시스템의 라이브러리에 등록된 컬러들로 만들어 진 컴포넌트)이 새로운 파일에서 테마를 변경해도 변화가 없습니다.대신에 로컬 스타일의 컬러를 입혀주니까 테마 변경이 가능했습니다. 여기서 궁금한점은 디자인 시스템에서 만든 모든 컴포넌트들에 로컬 컬러를 입혀줘야 테마 변경이 가능한지요? 아니면 제가 뭘 놓치고 있는건지 궁금 합니다ㅜㅜ 감사합니다ㅜㅜ
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
도형 레이아웃
안녕하세요 멘토님, 위 무료견적받기가 있는 도형처럼 위는 직선, 아래는 곡선인 도형을 넣을때 휴대폰 틀에 딱 맞게 하는 방법이 없나요? 마스크라던가,, 그냥 겹치니 아귀가 딱맞지 않네요
-
해결됨UX/UI 시작하기 : Figma 입문 (Inflearn Original)
토글버튼
라디오버튼, 체크박스와 달리 토글버튼은 2픽셀 마진을 두지 않는 이유가 있을까요?
-
해결됨디자이너와 협업할 때 유용한 툴, 피그마 속성 강좌
피그마 문의드려요.
피그마를 최근에 처음 접해보고 있는 엔지니어입니다.종전까지는 UI설계서를 ppt 로 작성했었는데 혹시 피그마가 UI설계서를 대체할 수 있을지 궁금합니다. 강의의 PDF 문서만 보고는 판단이 되지 않네요.validation 에 대한 내용이나 이벤트 핸들링 등 상세한 내용을 포함시키기에는 다소 부족함이 있어 보이는데 실무에서는 어떻게 사용 중이실까요?
-
해결됨디자인 시스템 with 피그마
한페이지 내에서 다크 모드와 라이트 모드를 동시에 볼 수는 없나요?
안녕하세요 선생님. 토큰을 이용해 다크와 라이트 모드를 열심히 만들었습니다.디자인 가이드로 한페이지내에 다크와 라이트 모드를 함께두고 보여주고 싶은데,체크박스를 바꿀때마다 색이 바껴서 난감합니다.제가 방법을 헷갈린 건지 확인해 주실 수 있을까요?해당 옵션을 Apply to selection으로 바꿔봐도 안되는것 같아요ㅜ
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
fixed position when scrolling 옵션
Constraints 밑에 fixed position 옵션이 안 뜨는 경우는 어떻게 해결해야 하나요?
-
해결됨디자인 시스템 with 피그마
토큰 실행 후 global, light, dark 체크박스를 클릭하면 피그마가 멈춰요
안녕하세요.토큰을 실행하고 global, light, dark 같은 세트를 체크하면 업데이트 되고 있다는 문구가 뜨면서 엄청 느려지고 제대로 작동이 안됩니다...마지막에는 Plugin runtime aborted 라는 경고 팝업 같은 것 까지 나오는데 어떻게 해야할까요??
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
프로토타입에서 액션을 취했을때 팝업요소가 나오도록 할 수 있나요?
예를 들어서...1. 버튼을 눌렀을 때 페이지 이동 대신 이런저런 모달이나 drawer, 스낵바와 같은 팝업 요소를 현재 페이지 위에 구현하는 것과...2. 버튼이나 아이콘따위를 눌렀을때 예를 들어서... 리스트나 카드 같은 것이 접히고 펴지는(expandable) 액션과 같은 것들이 프로토타입 상에서도 구현 가능한 것으로 알고 있습니다. 하지만 저는... 어떻게 설정을 하는지 찾아보는데 조금 애를 먹고 있습니다. 도와주시면 감사드리겠습니다.
-
해결됨피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
버튼 생성 시 Frame과 Rectangle의 차이
안녕하세요.[스플래시 UI화면 디자인하기]를 실습중입니다.버튼을 만들 때 Rectangle과 Text를 그룹으로 알려주셨습니다. Rectangle 대신 Frame을 사용해도 되는지, 된다면 차이점이 무엇인지 질문드립니다.
-
미해결모바일 웹 퍼블리싱 포트폴리오 with Figma
상품디테일 하단 아코디언 질문이요~
안녕하세요. 선생님~상품디테일 하단 아코디언 진행중에 처음에 타이틀 +일때 클릭하면 -로 변경되고 디테일이 나오는데요, 다시 타이틀 -를 누르면 디테일이 사라지면서 타이틀이 +로 바뀌어야 하는거 아닐까요?클릭하면 계속 active만 추가되었다 빠졌다해서 디테일은 그대로 있고 타이틀 부분만 +, -변경되서 질문드립니다~혹시 js 이렇게 변경해서 사용해도 되는걸까요? 확인부탁드립니다~
-
해결됨디자인 시스템 with 피그마
강의 피그마 파일 다운로드 질문드립니다
선생님 위 파일은 다운받을 수 있나요?- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
-
미해결UX/UI 시작하기 : Figma 입문 (Inflearn Original)
예제 샘플 공유
안녕하세요 강의에 사용했던 예제 샘플들은 공유 안해주시나요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
프레임과 분리되는 현상
안녕하세요, 에릭님!강의를 듣다가 질문이 생겨 문의드립니다:간혹 프레임 안에서 작업을 하다가, 어느순간 프레임을 움직일 때 안에 놓았던 개체들이 프레임과 분리되어 같이 움직이지 않는 경우가 생깁니다.이렇게 프레임 안에서 잘 꾸미고 있다보면 가끔 어느 순간,2. 프레임을 움직일 떄, 아래와 같이 프레임과 개체들이 분리되어 있습니다.어떤 경우에 이렇게 되어버리는지와 다시 합칠 수 있는 방법을 알 수 있을까하여 문의드립니다. 강의가 도움이 정말 많이 되고 있습니다. 항상 정말 감사합니다.
-
미해결UX/UI 시작하기 : Figma 입문 (Inflearn Original)
원본으로 가기
8:00 원본으로 가는건 마우스 오른쪽 main component로 가기 선택하면 되는 건가요?
-
미해결UX/UI 시작하기 : Figma 입문 (Inflearn Original)
맥 텍스트 스타일 복사
맥에서 텍스트 스타일 복사 단축키가 안먹는 이유는 뭘까요? 원래 option+command+ c/v 아닌가요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
스타일 및 텍스트박스 관련 문의드립니다.
안녕하세요 에릭님! 수업을 듣다 질문이 있어 문의남깁니다.오랫만에 다시 들으며 질문이 생겨서 남기는것인데, 혹시 다른 강의에서 설명해주셨던 부분이면 죄송합니다^^;우선 첫번째로는, 아래 첨부한 이미지와 같이 텍스트를 입력하고 여백을 잴 때 텍스트박스 기준으로 사이즈를 재게 되는데, out stroke처리를 하는것과 텍스트박스 크기를 조정하는것에서 여백 차이가 발생합니다.이럴때 처음에는 텍스트 박스로 작업을 하더라도, 최종 개발자에게 넘겨주기 전에는 스트로크 처리를 한 뒤에 여백이나 정렬을 다시 정리해야 하는걸까요?두번째 질문은, 스타일 가이드를 잡을 때 보통 몇개정도의 스타일 가이드를 잡고 진행하는것이 좋을까요?예를들어서 같은 26사이즈에, bold와 26사이즈 light가 있으면 각각 스타일을 등록해놔야 하는것인지그리고 버튼에 들어가는 텍스트 스타일은 Heading이나 Body외에 Button으로 별도 스타일 네이밍을 해야하는것인지 궁금합니다. 같은 사이즈나 굵기여도, 글씨체가 달라진다면 그것도 별도 스타일로 지정해야하나요? 마지막으로 개발자에게 작업 시안을 넘길 때 현업에서 필수로 넘기는 정보가 있을까요? 예를들어 padding, margin값을 알 수 있는지 문의가 들어왔었는데, 이런것 외에도 색상코드나 텍스트 사이즈같은걸 사전에 스타일로 잡으면서 값을 다 정리해놓고 개발자분에게 전달해야하는것인지..? 궁금합니다. ^^처음에 강의를 들을땐 다 알것만 같았는데, 다시 실제 실습이나 작업을 해보며 강의를 재수강하니 까먹었던것이나 당시에 100%이해하지 못하고 넘어갔던것을 다시 학습하게 되어 좋기도 하고, 귀찮게 질문드려 죄송한 마음도 드네요.좋은 강의와 답변에 늘 감사한 마음드립니다. 감사합니다!!