묻고 답해요
167만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨사용자 흐름 설계부터 프로토타입 구현까지
24강 상품 상세화면 실습 컨디셔널 질문
안녕하세요, 24강 컨디셔널 설정 중 클릭한 라디오 버튼을 true로 변경하는 조건문을 강사님께서 아래와 같이 별도로 분리하셨는데, 아래 두번째 스크린샷처럼 모든 라디오버튼을 false로 변경하는 조건문 다음에 가장 마지막으로 일어나게끔 포함시켜도 상관 없는걸까요? 감사합니다!
-
해결됨사용자 흐름 설계부터 프로토타입 구현까지
23강 캘린더 화면 실습 강의 2가지 질문
안녕하세요, 23강 배리어블을 활용한 캘린더 화면 실습 강의를 진행하면서 2가지 질문이 있어 글을 올립니다. 프로토타입 오류 질문해당 강의에서 진행한 프로토타입 설정을 모두 동일하게 적용하였는데 아래와 같이 프로토타입을 확인하는 과정에서 의도하지 않은 오류가 지속적으로 나타납니다. 아래는 현재 저의 피그마 프로토타입이 작동하는 것을 보여주는 자료와 제가 피그마 내 설정한 모든 프로토타입 설정 화면들입니다. 혹시 해당 오류를 수정하기 위해서 어떻게 하면 좋을지 알 수 있을까요? 수작업 자동화 질문강사님께서 배리어블을 활용하는 것은 수많은 불필요한 프레임 생성과 같은 수작업을 줄여주기 위함이라고 말씀해주셨습니다. 다만, 만약 해당 캘린더 날짜가 10개가 아니라 30개라면 아무리 배리어블 기능을 사용하더라도 이 또한 번거로운 수작업은 마찬가지로 느껴질 것 같습니다. 이에 따라 요즘 현업에서 AI(예: 클로드코드, 러버블 등)를 활용하여 좀 더 간편하고 빠르게 해당 강의에서 만든 동일한 프로토타입을 구현할 수 있는 다른 방법은 없을까요? 로직은 제가 프롬프트로 지시하되 반복작업은 AI가 대신 진행해줬으면 하는데 가능한 방법이 있을지 궁금합니다. 감사합니다!
-
미해결UX/UI 시작하기 : UI 디자인 (Inflearn Original)
강사님 답변 부탁드립니다.
현재 23강 런처아이콘 영상을 수강하면서 애플 피그마 키트에 있는 photos 아이콘을 살펴보면 일반 원 모양에 마치 그림자나 그라데이션 같은 세부 설정도 있는 것 같은데 강의에서는 시간 상 넘어가신 것 같아 여쭤봅니다. 혹시 해당 아이콘을 똑같이 구현하려면 튀어나온 듯한 느낌의 원을 어떤 세부 설정으로 줘야 하는 걸까요??
-
미해결
피그마 이전버전
피그마 업데이트 이전버전으로 못돌아가나요?ㅠ 돌아가고싶어요
-
미해결
피그마 pdf 추출
피그마로 한 디자인을 pdf로 추출 시 추출된 결과물이 기존 디자인보다 폰트가 더 굵게 나옵니다.이유가 뭔지 아시는분 계실까요? 원래 그런건지 궁금합니다!출력방식을 여러가지로 해봐도 다 굵게 나오네요.. 저만 그런게 아니고 주변 디자이너분들도 같은 현상을 겪은걸 봤는데 어딜봐도 해결책을 못찾겠어서 질문남깁니다..ㅠ
-
미해결
피그마 개발자 모드에서 Spacing/md ! 를 없애는 방법
해당 내용에 있는것처럼 기존에는 해당 카드의 간격이 나왔는데 한 파일에서만 개발자 모드시 이렇게 나옵니다. 해당 부분을 어떻게 바꿔야 이전 처엄 간격이 나오는걸까요?
-
미해결
피그마 사용법
디자인할 때 auto layout 에서 정렬하는 거랑 constraints 설정하면 무료 버전 개발자 모드에서는 확인할 수 없나요?
-
미해결
피그마 아코디언 오류인가요?
한 페이지 안에서 탭 버튼을 누르면 내부의 프레임을 변경을 하려고 합니다.페이지 안에 프레임과 버튼과 내용을 묶어서 인스턴스화해서 버튼 클릭할 때 마다 다른 다른 인스턴스로 바뀌게 하였고, 내용을 클릭하면 아코디언 형식으로 펼쳐지게 만들었습니다.아코디언 형식은 페에지 프레임에 쓰면 정상 작동을 하는데, 내부 프레임 안에만 들어가면 눌렀을 때 영역이 고정 된 상태에서 펼쳐집니다. 해결할 방법이 있을까요?
-
해결됨디자인 시스템 with 피그마
안녕하세요 범쌤님!
프리텐다드 폰트 사용관련프리탠다드 홈페이지에서 다운받고 보니 다운로드가 두가지 버전이있습니다!Pretendard와 Pretendard variavle. 인데 디자이너는 어떤걸 쓰는게 좋은가요! 그리고 왜 두개로 나눠지는지 혹시 아신다면 궁금합니다!. 개인적으로 범쌤님이 자주쓰는 폰트가 궁금합니다! (프리탠다드, 슈트 등) 3가지 정도 알려주실수 있으신가요! 강의 타이포 편에 서 "heading" "label" "paragraph" 이렇게 쓰시는걸 봤습니다. 짧은 저의 지식으로는 사이즈는 다 같은데 굶기만 다른걸로 이렇게 이름을 나누시는건지 궁금하고, heading은 제목이라고 해석이 되는데 label과 "paragraph가 좀 와닿지가 않았습니다!. 현업에서도 이렇게 사용되는지 궁금합니다..! (저는 그간 참고한게 title, subtitle, body) 였습니다!. 피그마 토큰 깃허브로 핸드아웃 따라중이였는데 이제는 pro로 유료버전이 되야! 가능한가 봅니다. 2023년 피그마 업데이트에 보니까 피그마도 토큰같은 기능을 variavles이름으로 낸다고 하는데 :-)..새로운 레슨 찍어주실 생각은 없으신가요...! 다른 강의도 들어봤지만 범쌤이 짱이에요...거기다가 질문 답변도 주시고 흑흑 텍마이머니..(지갑을 흔든다) 혹시 디자인 시스템 가이드 참고하시는것 있으신가요? 저는 컬러네임 정하는게 정말 어려웠는데 범쌤 덕분에 시스템 컬러와 악센트 등 잘 참고 하고 있습니다. 항상 감사드립니다!
-
해결됨
figma glitch 효과 만들기
figma를 이용해 glitch효과를 만들고 싶어요예시 자료(위에 예시 자료는 marpple shop의 "최케빈"님의 상품 사진입니다)이런 느낌인데이런 색의 느낌으로 figma로 구현할 수 있을까요 도움 주세요!!
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
아이콘을 다양한 사이즈로 제작할 때 질문입니다.
안녕하세요. [해상도를 고려한 아이콘 Export]하기 편을 듣다가 궁금한 점이 있어 질문 드립니다.만약 24*24px 사이즈의 아이콘 위주로 pc에서 작업을 하다가 큰 사이즈의 아이콘이 필요할 시, 아웃라인 스트로크를 주고 사이즈를 늘리면 24px 아이콘보다 두께가 두꺼워 보이는데요.아이콘의 전체적인 스트로크를 비슷하게 보이게 하려면 그냥 원하는 사이즈 프레임을 만들어서, 24px 아이콘 굵기랑 시각적으로 비슷해보이는 굵기로 맞춰서 만들어야 하나요? 아이콘을 그릴 때 비율 때문에 어쩔 수 없을 경우 프레임 안의 개체가 소수점이나 홀수가 나와도 괜찮나요,,? 답변해주시면 감사하겠습니다 !
-
미해결
피그마 강의는 왜 모바일 디자인 밖에 없을까요?
피그마 관련 강의들을 싹 다 들어보려고 합니다. XD를 하다가 퍼블리셔나 개발자들이 피그마를 더 선호한다는 얘기를 듣고 피그마 공부를 시작해보려고 하는데요. 모바일 환경 만큼이나 웹 환경도 매우 중요한데.. 왜 강의들은 전부 모바일 디자인 쪽으로만 형성되어있는지 궁금하내요. 모바일 디자인을 알면 웹 디자인도 저절로 할 수 있어서 그런건지..
-
미해결
피그마 프로토 타입 스크롤 인터페이스 관련 문제 질문드립니다.
피그마로 어플리케이션을 만들려고 하고 있는데 스크롤 기능을 집어 느려고 하는데 다른 사람들과 다른 인터페이스로 인해 진행을 못하고 있는 상황입니다 이럴때에는 어떻게 해야하는지 궁금해서 질문 남깁니다. 알려주시면 감사하겠습니다.
-
미해결
UI툴(sketch, figma)에서 제작한 결과물을 플러터로 변환이 가능한가요?
플러터를 쓰시는 회사나 조직에서는 디자인 리소스를 어떻게 적용 시키는지 궁금합니다. 이와 관련된 정보가 많지 않아서, 여기에 질문을 하게 됐는데요. 답변 부탁드립니다. 그리고 인프런에 관련된 강의가 있는지 궁금합니다.
-
미해결UX/UI 시작하기 : Figma 입문 (Inflearn Original)
피그마 Export 기능 관련 질문이요!
피그마에서 디자인한 결과물을 html이나 css로 사용할 때 export 기능 처럼 적은 정보 말고 완전히 디자인 자체를 html, css등으로 추출할 수는 없을까요? 재플린 같은 프로그램을 써야 하나요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
프로토타입 녹화해서 모바일 목업으로 되나요?
포트폴리오 작업중인데 앱디자인 작업물을 프로토타입으로 녹화해서 모바일 이미지로 목업으로 만들 수 있나요..? 프로토타입 녹화하는 방법을 모르겠어요.. 녹화해서 파일 추출하는 방법도 공유해주세요!
-
해결됨Axure RP 9,10 - 서비스 기획자를 위한 최적의 프로토타이핑 툴
rp 파일을 피그마에서 불러오는 방법
이제 막 axure를 알게되 왕초보입니다. 피그마 파일을 불러오는건 플러그인 설치해서 확인했는데요. 반대로 axure의 rp 파일을 피그마에서 불러오게 하려면 어떻게 하면 되는지 알수 있을까요?
-
미해결UX/UI 시작하기 : Figma 입문 (Inflearn Original)
피그마 프로토타입 인터렉션에 관해 문의드려요
안녕하세요. 피그마 프로토타입 인터렉션에 관해 문의드려요. 피그마에서 프로토타입에서 특정 프레임이나 버튼 등의 이벤트에 관한 이동이나 화면전환 등의 애니메이션은 얼마든지가능한데.. 혹시 페이지내에 삽입한 지도같은 이미지위에서 지도 위치를 따라 가는 선 같은 라인들이 나타나는 모션 애니메이션( 네비게이션에서 길찾기 기능같이)을 구현하고싶은데, 그런 유사한 방법이 가능한가요? 그리고 하단에 나오는 정보 리스트들을 아래로 드래그할때 지도가 좌우로 드래그되다가 특정 리스트항목을 클릭하면 위에 지도가 특정 영역에 마커를 표시해주는 애니메이션도 가능할까요? ( 네이버지도 특정 장소찾기 기능과 유사) 질문이 다소 두서없는 듯 하여 죄송합니다만 답변 부탁드립니다. 감사합니다.
-
미해결UX/UI 시작하기 : Figma 입문 (Inflearn Original)
프레임 위에 이름 뜨게 하는법 질문요.
텍스트필드 컴포넌트 강의에 라벨프레임 위에 이름 뜨게 하는거 어떻게 한건가요?
-
미해결UX/UI 시작하기 : Figma 입문 (Inflearn Original)
질문요
날짜 아이콘 박스 48 x 48 로 만들고 16 x 16 으로 따라했는데요 제 모니터에는 너무 작게 보여서 크게 확대 했는데 이미지가 계단식현상 비트맵이라고 하나요? 너무 심한데 영상처럼 그런 현상이 안나타나게 할려면 어떻게 해야하나요?