묻고 답해요

피그마 이전버전

미해결

피그마 업데이트 이전버전으로 못돌아가나요?ㅠ 돌아가고싶어요

• figma
• 피그마

[19강]시맨틱 베리어블 - 폰트

해결됨

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 안녕하세요. 19강 15분쯤 듣고 있는데요, properties 에서 밑줄(-) 이 있는데 이건 정의가 안된것일까요 ? 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변 드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크 를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문 이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기 로 인프런 쪽으로 연락 주시기 바랍니다.

• 웹-디자인
• figma
• figma-tokens
• 디자인-시스템
• 아토믹-디자인
• figma-variable
• 프로덕트디자인

44강 13분15초 좌우변경

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

만들어진 상대 채팅 오토레이만 가져와서 나의 채팅을 만들때, 좌우변경이 안되는데 이유를 알고 싶습니다!

• 프로토타이핑
• 모바일-디자인
• figma
• ux-기획
• 프로덕트디자인

모바일 포트폴리오 이미지

해결됨

Figma 디자인부터 퍼블리싱까지

안녕하세요, 모바일 버전 포트폴리오 이미지에서 #portfolio .container { /* display: flex; flex-wrap: wrap; gap: 20px; */ } 이 부분을 주석으로 바꾸면 이렇게 세로가 아니라 가로로 바뀌는데 뭐가 잘못된걸까요?

• HTML/CSS
• figma

TABLE 만들기

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

이거 왜 이러는 걸까요... 테이블 만들기만 한 시간째하고있어요....

• 프로토타이핑
• 모바일-디자인
• figma
• ux-기획
• 프로덕트디자인

#portfolio .container 넓이

해결됨

Figma 디자인부터 퍼블리싱까지

안녕하세요, #portfolio .container 빨간색 영역의 넓이를 정하지 않았는데 #portfolio .container li img { width: 100%; } 이렇게 넘치던 이미지가 #portfolio .container li img { width: 100%; } img에서 넓이를 100%로 맞추니까 빨간색 전체 영역이 줄어들었는데 무슨 이유로 줄어들었는지 궁금합니다

• HTML/CSS
• figma

마진확인하는 법

해결됨

Figma 디자인부터 퍼블리싱까지

피그마 디자인에서 좌우 마진 100px 있는건 어떻게 확인하면 되나요?

• HTML/CSS
• figma

svg 이미지 저장

해결됨

Figma 디자인부터 퍼블리싱까지

안녕하세요, 피그마에서 로고를 svg로 저장하면 이미지가 아니라 인터넷창으로 연결되는데 뭐가 문제일까요?

• HTML/CSS
• figma

영상 저장 위치

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

영상을 복습하기 위해 모바일시청하다가 저장기능이 있어 저장했는데, 아무리 찾아봐도 다운받은 화일을 못찾겠더라구요 ㅠ.ㅠ 학습과 관계없는 내용을 질문드려 죄송합니다만, 혹시 어떤 방식으로 저장되는지 알 수는 없을까요? 죄송합니다. 제가 초보자라...

• 프로토타이핑
• 모바일-디자인
• figma
• ux-기획
• 프로덕트디자인

강의자료 파일 문의

해결됨

서비스기획 & 프로덕트 매니저(PM)의 첫걸음[입문]

질문 가이드 (*이렇게 하면 더욱 의미있는 답변을 드려요!) 현재 상태 : 실무 서비스기획/PM/PO 경력 : 2년 기타 경력 : - 강의 수강 이유 : - 질문 : 안녕하세요 강의 자료 어디서 받을 수 있을까요?

• 프로젝트-관리
• figma
• 포트폴리오
• 서비스-기획

오토레이아웃

해결됨

Figma 디자인부터 퍼블리싱까지

오토레이아웃을 했더니 이미지처럼 간격이 틀어집니다 어떻게 해야되나요?ㅠㅠ

• HTML/CSS
• figma

버튼이 없습니다

해결됨

Figma 디자인부터 퍼블리싱까지

Icon 인스턴트는 만들고 십자모양 아이콘을 선택했는데 2:52분에 나오는 버튼이 안나옵니다 어떻게 해야되나요

• HTML/CSS
• figma

go back to previous(이전 버전으로 가기) 가 안뜹니다

미해결

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

이전 ui버전 사용하라고 하셔서 오른쪽 하단 물음표버튼 눌러봤는데 go back to previous(이전 버전으로 가기) 가 안뜹니다 어떻게 해야 하나요?

• 웹-디자인
• 모바일-디자인
• figma
• 프로덕트디자인

25강.컴포넌트 만들기 전 라이브러리 세팅하기

해결됨

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

안녕하세요. 우선 강의 너무 열심히 만들어주셔서 감사합니다. 25강.컴포넌트 만들기 전 라이브러리 세팅하기 강의를 듣고있는데요. 플러그인 apply variables사용할때 강사님과다르게 semantic만 화면에 나오는데 추후에 문제가없는건가요? publish도 다한거같은데 이유를 모르겠습니다. +추가적으로 27강에서 텍스트에서 label텍스트에 Typography에 기존에 했던 텍스트 스타일을 적용할려고하는데 Body/md/medium 그전에는 Body를 Source Code Pro 적용했었는데 추후에 따로 body도 Pretendard로 적용하신건가요?

• 웹-디자인
• figma
• figma-tokens
• 디자인-시스템
• 아토믹-디자인
• figma-variable
• 프로덕트디자인

프로그레스 바 애니메이션이요~

해결됨

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

프로그레스 바 & 스켈레톤 로더 강의 듣는 중인데요 애니메이션 잘 적용시킨 것 같은데 프레임에 넣어도 움직이질 않아요 ㅠ ㅠ 이 상태로 멈춰 있어요 ㅠ

• 웹-디자인
• figma
• figma-tokens
• 디자인-시스템
• 아토믹-디자인
• figma-variable
• 프로덕트디자인

아이콘 만들기_스왑 관련

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

아이콘을 만들고 스왑( shift + x)을 했는데 아이콘이 테두리만 남는게 아니라 만들어논 아이콘 전체가 사라지는 그 이유가 궁금 합니다.

• 프로토타이핑
• 모바일-디자인
• figma
• ux-기획
• 프로덕트디자인

제공된 강의자료 fig파일 import

미해결

모바일 웹 퍼블리싱 포트폴리오 with Figma

상태로 임포트가 안됩니다.

• HTML/CSS
• jquery
• 모바일-디자인
• figma
• 포트폴리오

45강 min max 설정

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

강의대로 min max 설정하였으나 두번째 사진을 보면 강사님처럼 max는 활성화가 된 것 같으나 min 활성화가 안됩니다. ㅈㄷㅇㄹㄴㅇ 라고 보낸 메신저 창을 보면 화면을 줄였을때 채팅창은 줄어들지 않고 화면만 줄어들어 화면이 짤리는 현상이 일어납니다. 뭐가 문제일까요? max도 늘리는 건 되는데 늘렸다가 줄어드는 게 안됩니다. 아래사진 왼쪽 채팅창에 아이라고 보낸 채팅부분을 보면 길어진 메신저 창에서 글씨를 지웠을 때 메신저 창이 줄어들지 않는 문제가 발생합니다. 이럴경우 어떻게 해결하면 좋은가요? 두개 연관성이 있는 문제점인것 같은데 강의를 돌려봐도 캐치를 못했습니다ㅠ min max가 끼니 fix와 hug를 어떻게 활용해야 할지... *모든걸 hug로 설정하고 텍스트만 fill로 할 경우 2는 해결이 되는데 1번이 해결이 안됩니다ㅜㅜ 도와주세요!!

• 프로토타이핑
• 모바일-디자인
• figma
• ux-기획
• 프로덕트디자인

44강 예제실습 레이어속 프레임

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

44강 예제실습중입니다. 처음에 레이어를 만들 때 프레임을 상단탭 채팅창 하단탭으로 3분할 하셨는데 배경으로 깐 프레임은 언제 지우신걸까요...? 하단탭 만들 때 지우는 부분말고는 감을 못 잡겠어서 여쭤보아요. 저는 지우신 줄 모르고 프레임을 배경으로 두고 따라서 만들다가 추후 강의 마지막 부분에 배경색 바꿀 때 깨닫고 그룹해제를 하니 갑자기 프레임이 아예 지운 것 마냥 사라지더라구요 그래서 이런 경우 제가 하는 것 처럼 해도 무관한지 혹은 어떻게 하는게 작업에 효율적일지 궁금합니다.

• 프로토타이핑
• 모바일-디자인
• figma
• ux-기획
• 프로덕트디자인

auto layout과 position

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

43강 예제실습중인데 shift+a로 사진과 글씨영역을 묶고 확인버튼 만든 뒤 shift+a로 오토 레이아웃을 만들었습니다. 강의에서는 이 작업후에 position이 가능한데 저는 계속 position 설정을 할 수 없다라고 나와요 ㅠㅠ 무엇때문일까요? 아래 사진처럼 position이 회색으로 뜹니다 ㅠ

• 프로토타이핑
• 모바일-디자인
• figma
• ux-기획
• 프로덕트디자인