묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨디자인 시스템 with 피그마
디자인할 때 무조건 피그마 토큰 플러그인에 등록된 값을 사용해야 하나요?
안녕하세요 범쌤, 강의를 열심히 듣고 있는 수강생입니다. 강의에 보면 어떤 것은 피그마 토큰 플러그인에 등록된 간격이나 컬러를 직접 선택해서 사용하시고 어떤 것은 피그마 네이티브 기능으로 간격이나 컬러를 설정하셔서 이 부분이 좀 헷갈립니다.디자인 할 때 무조건 피그마 토큰 플러그인에 등록된 값을 해야하는지 아니면 피그마 네이티브 기능으로 설정해도 되는지?그 사용 범위가 구분 된다면 그 범위는 어디까지인지 너무 궁금합니다. 😂
-
해결됨디자인 시스템 with 피그마
디자인 작업 전 디자인 시스템 잡기
안녕하세요 선생님!디자인 시스템 작업 단계를 언제 진행해야하는지 궁금하여 질문합니다. 디자인 작업 들어가기 전, 디자인 시스템을 구축해놓고 작업 진행하기디자인 작업하면서 디자인 시스템 구축해가기디자인 작업 완료 후, 디자인 시스템 정리 및 구축하기 어느 방법이 괜찮을까요?감사합니다
-
미해결피그마로 콘텐츠 디자인하기
강의를 시작할때 컨텐츠 준비가 왜이런가요?
어떻게 저 오토레이아웃하기전 텍스트를 어떻게 만들었는지를 보여줘야지 이런식으로 하면 어떻게 수업을 따라가나요?
-
미해결피그마로 콘텐츠 디자인하기
강의내용 실습자료 소스 요청드립니다.
안녕하세요, 강의에서 보여주신 실습자료를 직접 연습해볼 수 있도록소스 파일이나 오픈된 피그마 링크를 요청 드립니다.설명해주신 부분 동일하게 실습 해보려고 하는데, 강의 내용에 있는 소스들이 필요해서요!다운로드가 가능한 경로 공유 주시면 감사하겠습니다.
-
해결됨디자인 시스템 with 피그마
프론트에서 json파일을 가공하여 사용하는 방법
안녕하세요! 디자인시스템 강의 잘들었습니다~현재 디자인/퍼블리싱을 업무를 병행하는 디자이너인데요.json파일을 푸시하고 그 후에 프론트에서는 어떻게 가공해서 사용하는지에 대해 궁금합니다. 추후 강의 계획이 있으실까요?
-
해결됨디자인 시스템 with 피그마
1.333배
7강 까지 듣다가 잘 몰라서 질문남겨봅니다.폰트에 1.333배를 사용하는 이유가 궁금합니다.그리고 type-scale.com 에 있는 스케일중에서도 왜 1.333 - perpect Fourth 을 사용하는지도 궁금합니다.이로인해 폰트에 소수점이 생기는건 괜찮나요?
-
미해결모바일 웹 퍼블리싱 포트폴리오 with Figma
HTML 와이어프레임 만들기 실습(커스텀 체크박스 로그인폼) 강의의 파일이 없는것 같아요
안녕하세요! 코딩웍스 선생님 강의를 열심히 듣고있는 학생입니다! :)공유해주신 폴더 모두 찾아보았는데 모바일 웹 HTML 와이어프레임 구조 , HTML 와이어프레임 실습 (로그인폼) 관련된 파일을 찾아봐도 없는데 혹시 어디에 있는지 알려주시면 감사하겠습니다!
-
해결됨디자인 시스템 with 피그마
타이포그라피 스타일 업로드 오류
또 질문드립니다 선생님 ㅠㅠ 타이포그래피 Label 값들을 잘 넣어서 create style을 했는데 값이 다르게 업로드돼요뭔가 문제인지 모르겠습니다 도륵Heading을 복사해서 했는데 그것이 문제인가요? 복사 안하고 새로 직접 만드니까 잘 되긴 합니다ㅠㅠ!!! 그리고 이 빨간부분 표시는 뭘 의미하는건가요? 제가 뭘 잘못 연동한건가요?
-
미해결UX/UI 시작하기 : Figma 입문 (Inflearn Original)
Figma mirror 어플 설치 관련
앱스토어에 Figma mirror 검색하면 어플이 안 나오고 " " "Figma and FigJam" , "'Proto' for Figma" 이렇게 두 개가 나오는데 어떠한 걸 설치하면 좋을까요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
짝수/홀수 프레임 width와 object 크기 결정 문의
에릭님 안녕하세요~강의를 듣던 중에 궁금한 점이 있습니다.저희가 프로젝트에 따라 다르겠지만 보통 프레임을 선택할 때 안드로이드는 360*XXX iPhone은 375*812 사이즈로 선택하고 작업을 진행한다고 알고 있습니다.관련해서 제가 프레임 중앙에 어떤 객체 (예. 정사각형 카드)를 배치한다고 했을 때 안드로이드에서는 짝수 (240*240)의 경우 가운데 정렬을 했을 때 좌/우 60씩 남지만 아이폰에서는 67/68로 배치가 됩니다. (피그마에서 억지로 가운데 정렬을 할 수 있을 것 같긴 한데 그러면 그게 0.5단위여서 개발에 전달할 때 문제가 있지 않을까 싶기도 하고 다른 객체들을 디자인 할 때 방해가 되지 않을까 싶습니다.)위와 같은 예시로 한 앱을 두 OS에서 동일하게 보여주고 싶다면 객체 크기를 어떻게 설정하는게 좋을까요?아이폰에서도 프레임의 짝수 홀수의 width가 섞여 있는데 정사각형/원형이 개체를 정 가운데 배치할 때 어떻게 기준을 잡아야 할까요?더불어 안드에서는 8의 배수로 디자인 하는 것을 많이 권장하시는데 아이폰에서도 그런 기준이 있을까요? 미리 감사합니다~
-
해결됨디자인 시스템 with 피그마
추가 강의 업로드
피그마 토큰을 다른 프로젝트에서도 사용할 수 있는 방법에 대해 영상을 촬영했습니다.내보내기와 가져오기를 통해 다른 프로젝트에서도 작업한 토큰을 꾸준히 적용시켜보세요 :)
-
해결됨디자인 시스템 with 피그마
피그마 토큰 재활용 질문
안녕하세요~ 하나의 파일 안에서 피그마 토큰을 따라 만드는 작업을 했습니다.한가지 궁금한 점은 a Drafts에서 만든 피그마 토큰을 b에서도 적용하고 싶은데, b에서 피그마 토큰을 활성화시키면 아예 빈 것이 나옵니다. 피그마 토큰은 복제해서 다른 프로젝트에서 사용할 수 없는 걸까요? 있다면, 방법 알려주세요!!
-
미해결
UI툴(sketch, figma)에서 제작한 결과물을 플러터로 변환이 가능한가요?
플러터를 쓰시는 회사나 조직에서는 디자인 리소스를 어떻게 적용 시키는지 궁금합니다. 이와 관련된 정보가 많지 않아서, 여기에 질문을 하게 됐는데요. 답변 부탁드립니다. 그리고 인프런에 관련된 강의가 있는지 궁금합니다.
-
미해결UX/UI 시작하기 : Figma 입문 (Inflearn Original)
상위 객체 삭제
안녕하세요? 강의 내용에서 처럼, 상위 객체인 [frame]만을 삭제하고 [autoLayout]을 유지시키려면, 어떤 단축키를 눌러야 하나요?
-
해결됨디자이너와 협업할 때 유용한 툴, 피그마 속성 강좌
피그마 파일 개발자 html/css 등 소스 확인 문의
안녕하세요. 강의를 다운받아서 확인하였는데 혹시 개발자가 디자이너에게 피그마 파일을 받았을 때 간단한 css만 확인하는게 아니라 html/css 같은 구조를 소스로 확인하는 방법은 없나요? 제가 찾아보기로는 플러그인을 사용하여 하는 방법이 있는데 혹시 이런 경우 뷰어모드가 아닌 에디터 모드일때만 플러그인 사용이 가능한건지도 궁금합니다.
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
그리드 숨기기
그리드 숨기기 단축키를 누르면 (컨트롤+g) 누구면 그룹화되고 그리드는 안없어지네요ㅜㅜ
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
피그마에서 큰 이미지 불러올 시 사이즈 자동 리사이징 현상
로고나 아이콘, 썸네일 등에 사용 할 작은 이미지들은 문제가 없는데 whith 1000px 이상 넘어가는 이미지 불러올 시 원본 사이즈보다 작게 리사이징 되는데, 왜 그런건지 이유를 알 수 있을까요? 예를 들어 웹사이트를 통으로 캡쳐 후(1920px X @) 피그마로 불러오면 원본 사이즈는 1920px보다 작게 출력이 됩니다. 늘리면 당연히 깨지겠지요.. 포토샵에서는 원본 그대로 불러오기 됩니다. 답변 부탁 드립니다!
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
피그마 파일 오프라인 관리
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 피그마 클라우드 기반에서 파일을 관리하고 확인하는것 말고, 오프라인으로 피그마 파일을 다운로드 받는것은 불가능한가요?(adobe xd 처럼요)
-
미해결Axure RP 9,10 - 서비스 기획자를 위한 최적의 프로토타이핑 툴
Figma에서 만든 SVG 파일을 Axure로 불러오는 건에 대하여
안녕하세요. 선생님. 잘 지내고 계신가요. 작업을 진행하다가 고민이 생겨 질문 드립니다. 최근 Figma 활용법을 익히며 해당 툴로 필요한 UI를 그리기 시작했는데요. 아무래도 인터렉션이나 다이나믹 구현은 Axure가 훨씬 좋아서 Figma로 그린 UI를 Plugin방식으로 Axure로 가져와 활용하고 있습니다. 그런데 좀 복잡한 UI들은 Axure로 Plugin하는 과정에서 원본과 좀 다른 모양으로 가져와지더군요. 두 개 툴 사이에 기능적 호환성이 그다지 높은 것 같지는 않은데, 일단 이 경우는 Figma에서 그린 UI를 SVG파일로 Export하여 Axure로 불러오고 있습니다. 그런데 Axure 캔버스로 가져온 해당 SVG 파일의 이미지를 확대해보니 마치 PNG파일 마냥 이미지의 아웃라인이 비트맵(Bitmap) 방식으로 쪼개지더군요. Axure Preview나 Cloud에서는 또 안 그런 것 같아서 '그냥 그런가보다' 하고 작업을 진행하고 있는데... 이게 영 찜찜하네요. 이게 Axure 캔버스 상에서 보여지는 단순한 오류인 건지, 아니면 SVG 파일을 Axure로 불러오는 제 방식에 문제가 있는 것인지 잘 모르겠습니다. 답변 주시면 감사하겠습니다. 오늘도 좋은 하루 되세요!
-
미해결UX/UI 시작하기 : Figma 입문 (Inflearn Original)
글자가 너무 작아서...
제가 입문자인데요 스크린상에 보이는 글자가 너무 작아서 수업에 집중하기가 매번 힘드네요.. 특히 강사님이 클릭 할 때 보여지는 양 쪽 사이드에 보여지는 글자가 흐리고 작아서 강의 들을 때 마다 너무 스트레스를 받아요. 이해도 안되는데 글자까지 안보이니.... 능률적인 면에서 너무 떨어집니다 다른 강의들 보면 특히 udemy 이 강좌도 같이 수강하고 있는데요 이 강좌에서는 중간중간 확대경을 사용하기 때문에 글자가 확장 되어져서 나옵니다. 그래서 전혀 불편함이 없는데... 이부분을 좀 개선해 주셨으면 좋겠어요. 설명을 청각으로만 듣는 기분이에요ㅜㅜㅜㅜㅜㅜㅜㅜ