묻고 답해요
167만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
디자인 시스템 네이밍에 관한 질문드립니다.
네이밍 순서에서 막혀서 한동안 수강하지않다가 다시 마음다잡고 처음부터 보고 있는 수강생입니다.1. 첫번째 질문입니다.여기부분에서 Namespace - Object - Base - Modifier의 구성요소랑 내용이 머리속에 입력이안되어서 종이에 써가면서 맥락을 파악했는데요. 그다음 설명에서위에 해당 이미지가 뜨면서 "외계어이지만 이제는 좀더 이해가하기 쉬울 것"이라고 말씀해주셨는데 혼란스럽습니다. 1.system(namespace) : p2. Base(category) : color3. Base(property) : bg4. Role : interactive 갑자기 롤이 왜나오는지?5. Modifier(Variant): subdeued6. Modifier(State) : hover앞선 강의내용대로 맥락을 파악했으나 뜬금없이Role나와서 이해가 되지 않습니다.. 그리고 2번째 질문입니다.배리어블 계층 구조가 뭔지 모르겠습니다. "Raw value - Primitive - Theme - Semantic" 이런 계층 구조가 디자인 시스템 이름 짓는 순서에 연관되는건지 폴더별 분류를 할때 쓰는건지 무언가 정리되지 않아서 혼란스럽습니다.
-
미해결Figma MCP × AI로 4시간만에 완성하는 반응형 웹포트폴리오
figma variable 반응형 디자인 결과물 공란
figma variable 연결 결과물에 url이 없는데, 어디서 받을 수 있을까요? 다시 걸어주시면 감사하겠습니다.
-
미해결기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스
예시파일 불일치
저말고 다른분도 이와같은 문의를 남긴점이 확인됩니다. 강의시작 후 4강에서 통합 예시파일을 받았는데Practice v1.fig 파일명이고 마지막 업데이트 날짜가 24/08/2024 로 되어있습니다. 이게 최신 자료가 맞는지요? 6강 내용중 '선과 방향선' '원형과 부채꼴' 등의 실습자료가 없고, '요약정리' 만 존재합니다. 어떤부분까지가 강의 화면에만 존재하는 내용인지, 어떤부분이 자료로 제공되는것인지 불분명해서 강의 초입에 불편함을 느끼고 있습니다. 최신 통합 예시파일 링크를 별도로 제공해주시거나 인프런 자료 다운받기 시 최신 자료를 받을 수 있도록 수정하여 업로드 부탁드립니다.
-
미해결디자이너가 없다! 발등에 불 떨어진 마케터를 위한 피그마 클래스
프레임 / 사각형
안녕하세요, 2번째 실습 진행하다 궁금한 점이 있어 질문 남깁니다. '풍성한 머리결' / '튀지 않는 스타일' / '5,000원 쿠폰 증정' 세 가지 모두 프레임 도구를 사용하여 만들었는데, 사각형 도형을 사용하지 않고 프레임을 사용하는 이유가 따로 존재하는 건지 궁금합니다!
-
미해결서비스기획 & 프로덕트 매니저(PM)의 첫걸음[입문]
와이어 프레임,화면 정의서를 작성하려면 Figma 강의를 별도로 들어야 할까요??
질문 가이드 (*이렇게 하면 더욱 의미있는 답변을 드려요!)현재 상태 : 취준생 or 이직준비 or 실무서비스기획/PM/PO 경력 : N년기타 경력 : 마케터 3년 or 개발자 3년 or 취준강의 수강 이유 : 강의수강 이유를 작성해주세요:)질문 : 아래 질문사항을 자유롭게 작성해주세요!앱 출시를 위해 디자이너분을 고용해야 하는데요 와이어프레임, 화면 정의서를 준비해가려면 별도로 Figma 강의를 수강해야 할까요?? 처음 작성해봅니다..
-
미해결[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
테이블 만들기 질문
이 아래는 도대체 왜 남는걸까요...
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
next step?
현직 디자이너이지만, 여기서 정말 많은 걸 배우고 큰 도움이 되고 있어요. 혹시 시스템 디자이너와 엔지니어의 협업 방식, 그리고 프로덕트 디자인을 피그마에서 어떻게 핸드오버하는지에 대한 수업도 만들어주실 수 있을까요? 그런 내용이 있다면 정말 도움이 많이 될 것 같아요. 이렇게 잘 만들어진 시스템을 이용한 디자인 페이지를 데브들이 어떻게 사용하고, 디자이너가 어떻게 딜리버리 하는지 궁금하네요
-
해결됨AI 풀스택 디자이너 마스터 클래스
노션 내용 공유가 가능할까요? ㅜㅜ
노션이 비공개인데, 혹시 수강생용으로 일부분 공개 해주실 수 있으실까요 ㅠㅠ
-
해결됨디자인 시스템 with 피그마
안녕하세요! 강의잘 들었습니다.
좋은강의 잘 들었습니다 :) 아토믹디자인 시스템에대한 원리와 개발자 관점(?)에서의 구조적 설명이라 조금 더 원론적으로 잘 와닿았어요! (후반부에 실제로 git에 푸시하고 동기화하는 내용이 참 흥미로웠어요) 저는 프론트엔드 국비 6개월과정을 2년전에 수강하구 작은 회사에서 디자인겸 퍼블리싱을 같이한지 만 1년된 주니어 퍼블리셔입니다. 회사에서 개발인력이 백엔드개발자와 저밖에없고, 그동안 피그마를 못다뤄서 화면 만들 때 v0에서 그럴듯해보이는 적절한 템플릿을 먼저 다운받아서 tailwind.config를 수정하고 그뒤에 컴포넌트들 스타일을 AI 활용해서 원하는 방향으로 수정하면서 디자인을 해왔습니다. . 그러다 성장에대한 한계를 느껴서 피그마를 배웠고 이제는 강의로 사용법이나, 디자인시스템에대한 개념도 잡히는것 같아요 (테일윈드 기반으로 ai를통해 기본 토큰을 만들어서 넣어두고 그것을 시스템 삼아서 연습해보았어요) 문제는 이제 피그마 작업물 -> 개발환경 퍼블리싱 구현을 제가 하게되면 , 26년 현재 기준에서 어떤 방법이 가장 수월할지 고견을 여쭙고싶습니다. 회사에서 codex나 claudecode를 툴을 사용하고있어서 AI를 활용하면 ...우당탕탕 어찌저찌 조금씩 구현은 될것 같은데 ..실무기준에서 방향성을 알려주시면 그쪽으로 더 공부해보려 합니다 ! 스크린샷과 전반적인 컴포넌트 효율적인 재사용을 위한 프롬프트를 잘 전달하는것? 아니면 mcp(전혀 모르지만..)요즘 피그마완성본을 요즘개발환경으로 최대한 유사하게 제품화 하기에어떤방법이 가장 많이 쓰이며, 어떤점을 공부하면 도움이 될지 고견주시면 너무나 감사하겠습니다!
-
미해결Figma MCP × AI로 4시간만에 완성하는 반응형 웹포트폴리오
로고이미지가없는데요..
로고이미지 업로드해주세요
-
미해결Figma MCP × AI로 4시간만에 완성하는 반응형 웹포트폴리오
피그마 AI기능 관려
피그마에서 레이어 이름 일괄바꾸기 기능을 쓰면 전부 첫글자가 대문자로 바뀌는데 직접 소문자로 바꾸는 작업을 해야하나요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
프레임 조정 관련
프레임의 사이즈를 조정하려고 축소할 때 벡터의 경우 프레임과 함께 사이즈가 줄어들고 위치가 조정되어 문의 드립니다. 프레임의 사이즈를 조정할때 벡터 사이즈와 위치를 고정할 수 있는 방법은 무엇인가요? 벡터 이미지를 고정 걸어보았는데도 안돼서 문의드려봅니다답에 참고가 되실까 싶어 조정하기 전과 조정한 후를 보내드립니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
16강 Print Variables 출력 질문
안녕하세요. 수업 재미있게 잘 듣고 있습니다!!16강 마무리부분에서 Print Variables에서저는 강사님과 조금 다른 아웃풋이 나와서옵션을 조절해보려고 해도 그런 부분이 없더라구요.이 부분은 큰 문제 아닐것 같은데Varibales 세팅에서 제가 뭔가 잘못해서 이렇게 나오는 건 아닌지 궁금해서 질문 남깁니다 ^^감사합니다 .
-
미해결디자인 시스템 with 피그마
타이포그래피 16 -> 14 변경 시 XXXL만 변경 안 됨
피그마 화면 자체에서 등록 한 후 토큰 스튜디오로 임포트 했던 XXXL 항목의 경우에만 Default 값을 16 -> 14로 바꿨을 때 적용이 안 됩니다. XXXL 가 토큰 스튜디오 내에서는 44.202로 적용이 되었지만 피그마 화면, 그리고 네이티브 스타일 에서는 여전히 50.5 사이즈를 보이고 있습니다. 문제가 무엇일까요?
-
미해결Figma MCP × AI로 4시간만에 완성하는 반응형 웹포트폴리오
hero-img 이미지
선생님이 주신 이미지중, hero-img(png)는 있지만 svg는 없습니다. 확인부탁 드립니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
open in Figma 누르고 ui kit 다운?받았을 때
25강에서 피그마 커뮤니티에서 open in Figma 누르고 다운받고 Drafts 가면 썸네일로 표시되는게 안에 color 페이지 이미지와 Icons 페이지 이미지 들로 나오는데 강의에서 나오는 썸네일 이미지로는 안뜨는데 왜 그런걸까요?
-
미해결Figma MCP × AI로 4시간만에 완성하는 반응형 웹포트폴리오
폰트확인 부탁 드립니다.
폰트PPEditorialNew 폰트다운 : https://pangrampangram.com/products/editorial-newMartian_Mone 폰트다운 : https://fonts.google.com/selection Montserrate 폰트다운 : https://fonts.google.com/selection?query=mont 첫번째 폰트는 무료버전만 연결해서 사용해도 되는지. martian mone가 아니라 mono같습니다. 오타 체크~와 montserrate폰트는 검색이 안됩니다. 노션체크 부탁드려요.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
variables 이름 지을때 소문자,대문자 사용에 관해..
19:51 에 italic 등록 할 때 Name은 소문자로 시작하고 Value는 대문자로 시작하도록 값을 넣으셨는 데 이유가 있나요?bold님 만의 규칙인가요? 아니면 실무에서 보통 그렇게 하는지 궁금합니다.
-
미해결입문자에서 실무자로: 피그마로 마스터하는 디자인 시스템 A to Z
보너스 컨텐츠
보너스 컨텐츠는 언제 받아볼 수 있을까요?! 리뷰 후 수강 인증을 했는데 아직 받지 못했어요ㅜㅜ!
-
해결됨입문자에서 실무자로: 피그마로 마스터하는 디자인 시스템 A to Z
미니프로젝트 파일이 이상해요
미니프로젝트에 대한 피그마 파일 링크가 제대로 된게 맞을까요? 강의 영상에 보여지는 파일이랑 전혀 다르고 뒤에 종합 실전 피그마로 연결돼요