묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
단락별 행간 조절
선생님의 화면에 나오는 단락별행간 조절할 수 있는게 안뜨는데 어디로 가면 찾을수 있나요?윈도우입니다!
-
미해결AI 프로덕트를 기획 및 디자인할 때 알아야 할 UX의 모든 것
자료 문의
안녕하세요. 해당 강의만 자료가 영상으로 업로드 되어 있는데요, pdf 공유해주실 수 있을지 문의드립니다!
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
플러터(Flutter) 개발 환경에서 svg 깨짐 현상 해결 방법 문의
플러터(Flutter) 개발 환경에서 svg 깨짐 현상 해결 방법 문의 쌤 안녕하세요~피그마에서 아이콘 키라인 가이드에 맞춰 아이콘 제작(union > flatten 모두 적용 완료)하여 svg로 아이콘을 전달하였으나, 플러터 개발 환경 > 배포하여 적용해보면 svg 아이콘 깨짐이 발생하는 문제를 겪고 있습니다~svg export 플러그인, SVG 최적화(SVGOMG) 적용하여 수정했으나, 동일하게 SVG 깨짐 현상이 해결되지 않는데요~fill rule editer 플러그인은 아직 적용하지 않았으나, 이를 적용하지 않는 것이 문제일까요?fill rule editer도 다시 적용해 볼 예정입니다만, 해결이 될지 알 수 없어서 문의 드려봅니다! 🥺실무에 유익한 강의 항상 감사합니다!!
-
미해결디자인 시스템 - 스타일 파운데이션
플러터(Flutter) 개발 환경에서 svg 깨짐 현상 해결 방법 문의
강사님 안녕하세요~피그마에서 24 아이콘 키라인 가이드에 맞춰 아이콘을 제작(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로 기획부터 디자인, 딜리버리까지
발표 자료와 피그마 템플릿 질문드립니다.
실무에서 고민했던 부분들에 대해 깊이 있는 인사이트를 얻을 수 있는 좋은 강의였습니다.강의 내에 밋업 발표용 슬라이드나 발표자료에서 보여주셨던 피그마 샘플 작업 템플릿이 있으면 좋을것 같은데 제공이 되는 것인지 궁금합니다.아시는 분 있으시면 답변 부탁드려요 🧐
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
semantic typography Responsive 가이드 문서 (font size, line height) 부분 질문
쌤 안녕하세요. semantic typography 등록 후 가이드 문서 제작 중인 상황입니다. 공유해주신 🔹파운데이션 스타일 가이드 + 컴포넌트 워크시트 통합본https://www.figma.com/community/file/1469798941319486391/bp-design-kits-single-version-v1을 참고해서 가이드 문서를 제작하다가 semantic typography 등록 및 스타일 가이드 문서에서 같은 24, 20 폰트 사이즈의 line height가 데스크탑, 모바일에서 다른 숫자로 적용된 이유가 궁금합니다. desktop: 24px/28, 20px/24mobile: 24px/32, 20px/28 어떤 규칙이 적용된 것인지 궁금합니다!같은 font size에서 line height가 다른 숫자로 적용되어 배리어블 등록 및 가이드 문서 제작 시, 이 부분이 헷갈려서 질문드렸습니다! 헷갈릴 경우에는 데스크탑, 모바일 모두 같은 폰트 사이즈에 같은 line height를 적용해도 될지 궁금합니다!! 실무에 유익한 강의와 좋은 자료 공유해주셔서 항상 감사합니다!
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
영어/ 한국어 타이포 다를경우
안녕하세요 선생님,항상 꼼꼼하게 답변 달아주셔서 감사합니다.텍스트 스타일을 영어와 한국어 폰트를 다르게 쓰는데 이럴 경우, 컴포넌트를 어떻게 관리 해야할까요? 1) 한국어로 컴포넌트를 등록해둘 경우, 가져와서 영어 타이포로 변경하는게 너무 번거로워 방법이 있는지 궁금합니다.2) 컴포넌트를 한국어로 적용해두고 영어와 한국어 그냥 교체해서 사용해도 되는 걸까요? 약간씩 차이가 생길것 같아 우려가 됩니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
타이포그래피 배리어블 등록 관련 질문
쌤 안녕하세요, 타이포그래피 배리어블 등록 관련 질문드려요!브랜드가 1개예요. 컬러 배리어블 등록시에는 브랜드 컬러와 Theme을 등록하지 않았어요.Sematic Typography 등록 시에 font family는 Theme을 등록하지 않은 경우, 어디에 등록해서 사용하는 것이 좋을지 궁금합니다! 아직 경험이 많지 않아서요~쌤의 예제 파일을 참고하면서 등록하다보니 헷갈려서 질문드려요!도움 부탁 드립니다!!실무에도 유용한 강의와 예제 공유해주셔서 항상 감사합니다!
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
완강했습니다 :)
안녕하세요. 처음 들었을때는 어려웠는데 피그마 사용하면서 강의를 재차 들으니까 도움이 많이 됩니다. 완강과 설문남겼습니다. 완주선물혜택도 부탁드릴게요. 감사합니다!
-
미해결디자인 시스템 - 스타일 파운데이션
색상 파레트 제작 시, 색상 배합 방법 문의
안녕하세요컬러 파운데이션 제작 (컬러 파레트 색상 정의) 질문 드립니다.브랜드 컬러로 프라이머리 컬러, 세컨더리 컬러가 있을 경우, 프라이머리 컬러를 고려한 시스템 컬러, 뉴트럴 컬러, 액센트 컬러 각각 파레트 생성을 위한 컬러 배합 노하우가 궁금합니다!머터리얼 컬러 빌더 도구도 시도해보았으나 아직 테스트 해 본 정도입니다.피그마 플러그인 사용 시, 제가 지정한 프라이머리 컬러를 고려한 시스템 컬러, 뉴트럴 컬러를 생성할 수 있는 플러그인은 찾지 못하여 문의 드립니다!프라이머리 컬러를 반영하여 컬러 스타일 가이드를 완성할 수 있도록 시스템 컬러, 액센트 컬러, 뉴트럴 컬러 등을 생성하는 효과적인 방법이 있는지 궁금합니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
아이콘 크기 변화
아이콘을 24/ 32/ 36 -> 텍스트필드 크기 S M L에 따라 다르게 적용을 해둔 상태에서 세개를 한번에 잡아서 아이콘 종류 선택할 수 있게 크리에이트 프로퍼티를 했는데요. 적용을 한 순간 모든 아이콘이 24로 바뀌어버리는 상황인데요. 24, 32, 36을 각각 프로퍼티 적용할 경우는 괜찮더라구요. 이 방법 말고 다른 방법은 없을까요?1) 기존 다르게 넣은 아이콘 크기2) 적용3) 크기 작아짐
-
해결됨디자인 시스템 with 피그마
borderTransparent 임포트가 안됩니다
피그마에서 borderTransparent를 만들고 토큰에 임포트하려고 하는데라이트 모드에서 임포트를 한 후에 다크모드에 임포트하려고 하면 색상이 보이지 않습니다!
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
코딩 할 때 그리드 구조로 코딩을 안하고, flex구조로 코딩을 들어가도 그리드를 잡아줘야 하나요?
강의를 듣다 궁금한 점이 생겨서요수업 중에 그리드로 레이아웃을 잡아주던데,이게 코딩 할 때 그리드 구조로 코딩을 안하고, flex구조로 코딩을 들어가도 그리드를 잡아줘야 하나요?디자인 시 그리드가 필수인지 궁금해서..
-
해결됨미드저니 비법 클래스, 현직 AI 디자인 전문가의 이미지 프롬프트 엔지니어링 핵심 정리
프리픽 사이트가 업데이트 되었습니다.
목업 어디서 찾나요?목업 제너레이터 눌러서 스마트폰 케이스 누르면 이미지가 1개밖에 생성이 안됩니다..
-
해결됨미드저니 비법 클래스, 현직 AI 디자인 전문가의 이미지 프롬프트 엔지니어링 핵심 정리
캐릭터 레퍼런스, 스타일 레퍼런스 클릭을 어떻게 해요
캐릭터 레퍼런스, 스타일 레퍼런스 클릭을 어떻게 해요? 하시는 거랑 버전이 다른 것 같아요. 사진을 프롬프트 창에 드래그해서 가져가면 사진이 조그맣게 되면서 사진 아래에 클릭할 수 있는 아이콘이 따로 생기지 않아요
-
해결됨미드저니 비법 클래스, 현직 AI 디자인 전문가의 이미지 프롬프트 엔지니어링 핵심 정리
--sref 안됩니다..
--sref 안됩니다..
-
해결됨미드저니 비법 클래스, 현직 AI 디자인 전문가의 이미지 프롬프트 엔지니어링 핵심 정리
20번째 강의 질문입니다. 버전이 업그레이드가 되었는지 사진이 2장 첨부가 안됩니다. 확인 부탁드립니다
20번째 강의 질문입니다. 버전이 업그레이드가 되었는지 사진이 2장 첨부가 안됩니다. 확인 부탁드립니다
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
reset 버튼 어디에 있을까요?
버튼 스택 만드는 강의에서 전체 컴포넌트 선택한 후 enter 누른 후 ... 버튼이 보이지가 않아서... current varient 로 들어가면 enter 누르면서 단일 선택된게 해제되고 reset 버튼이 보이지 않아요. 버튼 하나 단일로 눌렀을때는 보여요.