묻고 답해요
169만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
아이콘 빌런 부분
안녕하세요 최근에 결제 후 수강하고 있습니다!그래서 그런지 지금 아이콘 빌런부분 (앤트맨 전략) 스케일 조정후 깨지는 부분 관련해서 수강듣고있는데요, 최근 피그마가 계속 업데이트하면서 해당 오류가 없어진것 같은데.. (아닐수도 있지만..)그래도 유니온 하고 플랫 하는 방식으로 사용하는게 좋은거죠?
-
해결됨디자인 시스템 with 피그마
borderTransparent를 라이트/다크모드에 이중등록
네이티브에 등록된 borderTransparent를토큰플러그인에 라이트/다크모드에 이중 등록이 안되고, 둘중 하나에만 등록이 됩니다.어떻게하면 되나요?https://www.figma.com/design/sNZYxS6FzfkmvAHKOxm6rD/%E2%9D%96-Uber--Started-?node-id=41-558&t=KCo6yU95fQT5nFgL-1
-
해결됨디자인 시스템 with 피그마
해결되었습니다.
해결되었습니다.
-
미해결[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
채팅 UI 추가 속성 설정 질문
저는 선생님처럼 왜 아래 말풍선이안보일까요..ㅠㅠ 제 프레임 말풍선 아래(안보임)선생님 프레임 아래 말풍선(보임)
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
배리어블 Value에 관해 질문있습니다.
강의를 보면서 뇌를 비우고 따라 만들다보니 어느순간 궁금증이 생겼는데, style의 경우는크기,행간,자간등을 입력해 놓고 입력된 텍스트를 style로 만들면 되는거니까 상관이없는데배리어블의 경우엔 name을 붙히고 value에다가 값만 썼는데 그 값이 자동으로 연결되는건가요? 완성된 데이터를 넣질 않았는데 피그마가 자동으로 인식하는건가요? 어떤식으로 물어봐야될지 몰라서, 두서가 없는점 죄송합니다. 폰트 패밀리로 다시 여쭤보자면name은 제가 임의로 붙히는거니까 상관이없고문제는 value입니다. inter라는 텍스트 파일을 따로 넣지를 않고 단순 텍스트로만 Inter라고 적었는데 피그마프로그램에서 알아서 찾아서 연결지어주는지가 궁금합니다. 만약 그렇다고 한다면텍스트 이름을 대소문자, 띄어쓰기를 유의하면서 적어야할까요?
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Body>font weight 에서 semibold에 짝대기가 생기는 이유?
semibold에 짝대기가 생겼는데 연결이 깨졌다는 의미일까요? 짝대기가 없어지려면 어떻게 해야하나요?
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Navigation Mobile 토글 베리어블이 안됩니당
Navigation Mobile 베리어블 만들었는데 오른쪽 위 옵션에 안떠요..그리구 Appearance의 눈모양 우클릭하면 거기에는 Navigation Mobile 옵션을 선택할 수 있는데 그걸로 설정하면 네비가 랩탑일때는 꺼지고 모바일일때는 보이는 방식으로 설정이 돼요영상과 같이 랩탑모드로 하면 랩탑네비로 모바일일때는 모바일네비로 프레임 모드 클릭 한번에 바뀌게 하는 방법을 모르겠어요ㅠ.ㅠ
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Typography 모드 적용시 표현된 값과 우측에 표시되는 값다름
따라해보고있는데 Mobile 모드로 했을때 표현되는건 40/48로 잘 적용이 됐는데우측 Typography 창에는 60/68 이라고 뜨고 뜯어봐도 60 / 68 로 등록되어있어요 40/48 이어야되는데왜이럴까요..?
-
미해결생성형 AI를 활용한 UX/UI 디자인 포트폴리오 워크숍
안녕하세요.
안녕하세요. 해당 강의 Part 0 부분 어디에서 학습이 가능한가요?또한, 수강 시 제공되는 자료① 프롬프트 엔지니어링 가이드② 실무형 포트폴리오 템플릿③ 핵심 UX/UI 용어집자료 어디에서 확인해볼 수 있나요?
-
미해결기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스
신규 업데이트 내용
4월 13일 무언가 업데이트 되었다는데 업데이트 내용은 어디서 확인할 수 있을까요? 인프런 강의 새소식 및 디스코드에 관련 내용이 없길래 질문드립니다.
-
미해결[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
예제 파일 오류
안녕하세요 예제 파일을 다운로드 받았는데 잦은 오류 발생으로 원활한 수업 진행이 되지 않는 상황입니다.가능하시다면 답변에 예제 파일을 기재해주시면 보다 쾌적한 수업 진행이 될 것으로 사료되어 요청드립니다.감사합니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
디자인 시스템에 그룹명을 숨길 수도 있나요?
안녕하세요! 강의를 수강중 다른 회사의 디자인 시스템은 계층구조를 잘 쓰고 있을까? 궁금해서 피그마에 원티드 디자인 시스템을 살펴보았는데요아무레이어를 만든 후 semantic이라는걸 보고 계층구조를 쓰고 있는건가? 해서 배리어블 창을 여니까semantic이라는 그룹명이 보이지가 않습니다.. <질문>semantic은 외부 라이브러리의 잔여물인건지 아니면 숨길 수가 있는건지 궁금합니다.이 회사의 게층 구조는atomic(강의의 primitive)theme(theme,semantic) 이런 2구조 인지 궁금합니다.component와 frame은 role이지만 따로 포함하기엔 복잡해도 예외로 빼둔 걸까요?semantic의 역할이 궁금합니다!primitive는 재료, theme는 브랜드 스타일, 컨셉이면 semantic은 강의 내용에서는 라이트모드, 다크모드라 되어있지만 text,bg,icon등 전부를 포괄하는 ui 요소라고 봐도 될까요?
-
미해결[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" 이런 계층 구조가 디자인 시스템 이름 짓는 순서에 연관되는건지 폴더별 분류를 할때 쓰는건지 무언가 정리되지 않아서 혼란스럽습니다.
-
미해결기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스
예시파일 불일치
저말고 다른분도 이와같은 문의를 남긴점이 확인됩니다. 강의시작 후 4강에서 통합 예시파일을 받았는데Practice v1.fig 파일명이고 마지막 업데이트 날짜가 24/08/2024 로 되어있습니다. 이게 최신 자료가 맞는지요? 6강 내용중 '선과 방향선' '원형과 부채꼴' 등의 실습자료가 없고, '요약정리' 만 존재합니다. 어떤부분까지가 강의 화면에만 존재하는 내용인지, 어떤부분이 자료로 제공되는것인지 불분명해서 강의 초입에 불편함을 느끼고 있습니다. 최신 통합 예시파일 링크를 별도로 제공해주시거나 인프런 자료 다운받기 시 최신 자료를 받을 수 있도록 수정하여 업로드 부탁드립니다.
-
해결됨디자인 감각? 타고나는 게 아닙니다. '뇌과학'으로 설계하는 UX/UI 디자인 법칙
강의자료 요청드립니다.
좋은 강의 올려주셔서 감사합니다. 잘 듣고 있습니다. 강의자료 요청드려도 될까요. 이메일 함께 첨부합니다. typhoony@naver.com
-
미해결[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
테이블 만들기 질문
이 아래는 도대체 왜 남는걸까요...
-
해결됨디자인 감각? 타고나는 게 아닙니다. '뇌과학'으로 설계하는 UX/UI 디자인 법칙
강의 자료 요청드리고 싶어요~
안녕하세요, 강의 정말 잘 보고있습니다.자료가 없어 따로 받아보고 싶은데요.혹시 강의하실 때 사용하신 자료를 pdf 형태로 공유 부탁드려도 될까요? 강의 들으면서 훨씬 도움이 많이 될 것 같습니다.socrateinst@gmail.com 입니다.감사합니다!
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
next step?
현직 디자이너이지만, 여기서 정말 많은 걸 배우고 큰 도움이 되고 있어요. 혹시 시스템 디자이너와 엔지니어의 협업 방식, 그리고 프로덕트 디자인을 피그마에서 어떻게 핸드오버하는지에 대한 수업도 만들어주실 수 있을까요? 그런 내용이 있다면 정말 도움이 많이 될 것 같아요. 이렇게 잘 만들어진 시스템을 이용한 디자인 페이지를 데브들이 어떻게 사용하고, 디자이너가 어떻게 딜리버리 하는지 궁금하네요
-
해결됨AI 풀스택 디자이너 마스터 클래스
노션 내용 공유가 가능할까요? ㅜㅜ
노션이 비공개인데, 혹시 수강생용으로 일부분 공개 해주실 수 있으실까요 ㅠㅠ
-
해결됨디자인 시스템 with 피그마
안녕하세요! 강의잘 들었습니다.
좋은강의 잘 들었습니다 :) 아토믹디자인 시스템에대한 원리와 개발자 관점(?)에서의 구조적 설명이라 조금 더 원론적으로 잘 와닿았어요! (후반부에 실제로 git에 푸시하고 동기화하는 내용이 참 흥미로웠어요) 저는 프론트엔드 국비 6개월과정을 2년전에 수강하구 작은 회사에서 디자인겸 퍼블리싱을 같이한지 만 1년된 주니어 퍼블리셔입니다. 회사에서 개발인력이 백엔드개발자와 저밖에없고, 그동안 피그마를 못다뤄서 화면 만들 때 v0에서 그럴듯해보이는 적절한 템플릿을 먼저 다운받아서 tailwind.config를 수정하고 그뒤에 컴포넌트들 스타일을 AI 활용해서 원하는 방향으로 수정하면서 디자인을 해왔습니다. . 그러다 성장에대한 한계를 느껴서 피그마를 배웠고 이제는 강의로 사용법이나, 디자인시스템에대한 개념도 잡히는것 같아요 (테일윈드 기반으로 ai를통해 기본 토큰을 만들어서 넣어두고 그것을 시스템 삼아서 연습해보았어요) 문제는 이제 피그마 작업물 -> 개발환경 퍼블리싱 구현을 제가 하게되면 , 26년 현재 기준에서 어떤 방법이 가장 수월할지 고견을 여쭙고싶습니다. 회사에서 codex나 claudecode를 툴을 사용하고있어서 AI를 활용하면 ...우당탕탕 어찌저찌 조금씩 구현은 될것 같은데 ..실무기준에서 방향성을 알려주시면 그쪽으로 더 공부해보려 합니다 ! 스크린샷과 전반적인 컴포넌트 효율적인 재사용을 위한 프롬프트를 잘 전달하는것? 아니면 mcp(전혀 모르지만..)요즘 피그마완성본을 요즘개발환경으로 최대한 유사하게 제품화 하기에어떤방법이 가장 많이 쓰이며, 어떤점을 공부하면 도움이 될지 고견주시면 너무나 감사하겠습니다!