inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

176만명의 커뮤니티!! 함께 토론해봐요.

Figma AI 플러그인 Magician의 Access Key

해결됨

AI로 피그마에 날개 달기

안녕하세요. 피그마에서 Magician 플러그인을 사용하려고 실행하면 'Start Free trial'이 있어서 그걸 누르고 로그인을 하면 바로 피그마 화면으로 넘어가버리는데 Access Key는 어디서 확인할 수 있나요? 메일에도 없네요 ㅜ

  • figma
동그란 치와와 댓글 1 좋아요 0 조회수 1033

[섹션4] 입력 컨포넌트 마지막 정리하기 질문!

해결됨

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

[섹션4] 입력 컨포넌트 마지막 정리하기 질문!있습니다! File>Pages에 "INPUTS"에 모두 옮기고 나면, Assets에서 검색시 두개가 나옵니다! File>Pages에 "INPUTS"에 모두 옮기라는 말씀이 복사 붙여넣기가 아니라 잘라서 붙여넣기로 해야하는걸까요? 저번 질문에 답변주셔서 너무 감사합니다! 강의 열심히 듣고 있습니다! 우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변 드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크 를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문 이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기 로 인프런 쪽으로 연락 주시기 바랍니다.

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
wndud6432 댓글 1 좋아요 0 조회수 185

5기 스터디는 없는걸까요!

해결됨

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

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

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
wndud6432 댓글 1 좋아요 0 조회수 173

레이어 이름 정의시, 대문자 소문자 차이는 무엇인가요?

해결됨

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

레이어 이름 정의시, 대문자 소문자 차이는 무엇인가요? Page에서 이름 정의시, 대소문자 기준이 있는지도 궁금합니다! (제가 디자이너가 아닌 기획자다보니, 디자이너의 생각을 알고 싶습니다!) 우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변 드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크 를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문 이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기 로 인프런 쪽으로 연락 주시기 바랍니다.

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
wndud6432 댓글 2 좋아요 0 조회수 522

브랜치 지정 사용시 개발 버전관리 문의

해결됨

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

피그마 베리어블 강의 잘 듣고 현재 개발자와 회사 디자인 시스템 가이드 구축중입니다. 피그마에서 브런치 기능이 있는데요.. 브런치 기능과 깃업을 연결해서 버전 관리 하는 방법이 있는지 문의 드리고. 혹시 그런 기능이 없다면, 개발 버전 관리를 어떤식으로 피그마에서 사용하는지 강의나 문서 볼 수 있는 곳이 있을까요? ㅜㅜ 개발자들이 문의를 하는데 암것도 모르겠네요ㅜㅜ

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
까비 댓글 1 좋아요 0 조회수 411

SF Pro Text

미해결

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

에릭 선생님 안녕하세요! 종합 실전 예제 제작 중 폰트 적용이 안되어 질문드립니다. SF Pro Text 폰트는 어디에서 다운 받을 수 있을까요? 감사합니다.

  • 웹-디자인
  • 모바일-디자인
  • figma
댓글 1 좋아요 0 조회수 4995

피그마 업데이트?

미해결

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

위사진은 저의 피그마 화면인데 강좌의 인터페이스와 저의 인터페이스가 달라서 알아봤더니 24년 6월경에 업데이트가 되었더라구요 내용이 너무 혼동되는데 어쩌면 좋나요?

  • 프로토타이핑
  • 모바일-디자인
  • figma
  • ux-기획
신정환 댓글 2 좋아요 1 조회수 1897

웹표준 컬러 체크 질문

해결됨

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

안녕하세요. 웹 표준 컬러에 대해 질문드립니다. 혹시 피그마에서 화면단위로 컬러 대비 점수를 확인 할 수 있는 방법이 있을까요? 최소 AA 이상이 나와야한다고 하는데, 컬러 잡을 때 고려하지 못해서.. 이와 관련해서 컬러 시스템 구축때 어떻게 구축을 하고, 만약 고려하지 못했을 때 보완하는 방법은 어떤게 있을까요..?

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
mina 댓글 1 좋아요 0 조회수 233

피그마 cut style delete style 차이점

미해결

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

[섹션11] 피그마 cut style delete style 차이점 뭔가요

  • 웹-디자인
  • 모바일-디자인
  • figma
Spacepublisher 댓글 2 좋아요 0 조회수 396

완강 이벤트 관련 질문!

해결됨

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

완강 이벤트는 기간 혹은 기한이 있나요?

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
버터감쟈 댓글 1 좋아요 0 조회수 171

피그마 개발자 모드에서 Spacing/md ! 를 없애는 방법

미해결

해당 내용에 있는것처럼 기존에는 해당 카드의 간격이 나왔는데 한 파일에서만 개발자 모드시 이렇게 나옵니다. 해당 부분을 어떻게 바꿔야 이전 처엄 간격이 나오는걸까요?

  • 피그마
  • 코드
  • figma
조혜정 댓글 1 좋아요 0 조회수 347

그리기 : 프레임 다루기에서 질문사항

미해결

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

안녕하세요! 기본기능 다뤄보기 중 프레임 다루기에서 질문사항이 있습니다. alt를 사용하여 자율간격을 설정한 후, ctrl + D를 하면 자율간격대로 생긴다고 하셨는데, 저는 기본간격인 40으로 복제됩니다. 왜 이러한 차이가 생기는지 알고 싶습니다. 사각형을 추가하여 프레임 안으로 넣었는데, 왼쪽 상단에 위치가 고정됩니다. 강의에서는 중앙에 위치되던데, 옮기려고 해도 왼쪽 상단으로 올라가서 위치 수정이 안됩니다. 어떤 것이 문제인지 모르겠습니다.ㅠ

  • 프로토타이핑
  • 모바일-디자인
  • figma
  • ux-기획
여울이 댓글 1 좋아요 0 조회수 249

피그마 사용법

미해결

디자인할 때 auto layout 에서 정렬하는 거랑 constraints 설정하면 무료 버전 개발자 모드에서는 확인할 수 없나요?

  • 피그마
  • 개발자모드
  • figma
  • dev
seulki.kim 댓글 1 좋아요 0 조회수 241

튜터님 브런치에 머라고 검색해야 나오시나요?

미해결

피그마 아토믹 컴포넌트 디자인 시스템으로 MVP 만들기

튜터님 브런치에 머라고 검색해야 나오시나요?

  • 모바일-디자인
  • figma
  • 디자인-시스템
  • 아토믹-디자인
박이슬 댓글 2 좋아요 0 조회수 288

피그마 원본 받을 수 있는지 여부 궁금합니다!

미해결

피그마 아토믹 컴포넌트 디자인 시스템으로 MVP 만들기

피그마 원본 받을 수 있는지 여부 궁금합니다!

  • 모바일-디자인
  • figma
  • 디자인-시스템
  • 아토믹-디자인
박이슬 댓글 2 좋아요 0 조회수 299

textfield에 맞는 font size 정의

해결됨

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

안녕하세요, 볼드 멘토님 🙂 강의를 들으며 현재 버튼과 텍스트필드를 구축해보는 중에 궁금사항이 생겨 질문드리게 되었습니다. 해상도마다 텍스트필드 사이즈에 따라 placeholder나 label 등의 폰트 사이즈가 다르게 구성되도록 구축해야하는지 궁금합니다. 이런 식으로 텍스트필드 위 아래에 들어갈 요소들을 사이즈별로 구축을 해야할 필요성이 있는건지 적응형, 반응형에 따라 달라지는건지 궁금합니다. meterial design system은 버튼이나 텍스트필드가 하나로 정해져서 나오는것 같은데 figma design system은 버튼 사이즈마다 안 텍스트 크기가 다 다르게 구축이 되어있어서 서비스마다의 차이인건지 궁금합니다!ㅠㅜ 감사합니다-!

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
한나 댓글 2 좋아요 1 조회수 363

질문이 있습니다!(공유해 주신 자료)

해결됨

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

안녕하세요 볼드님. 강의를 듣다가 궁금한 부분이 있어 질문 남깁니다. 공유해 주신 자료중 컴포넌트 프로퍼티 워크시트 와 베리어블 시트 차이가 뭔지 잘 모르겠습니다! 현재 출시된 제품내 컴포넌트들을 나누고 있는데 어떤시트를 활용 하는게 좋을까요? 정확히는 컴포넌트 프로퍼티 워크시트의 Working Status/Accessibility/Documentation 부분이 어떤것에 대한 내용인지 잘 이해가 안갑니다.

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
Seoran Yook 댓글 1 좋아요 0 조회수 293

Local Variable 등록

해결됨

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

안녕하세요 강사님 local variables에 여러개의 생삭을 한번에 등록 하는 방법으로 색상표를 만들고 낱개별로 하나씩 이름을 지정해준 다음 Stlyer플러그인으로 스타일 등록 후 Styles to Variables로 등록해주는 순서로 해보았는데 혹시 한번에 더 많은 색상을 최종적으로 local variables 에 등록 할수있는 방법이 있을까요?

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
박영호 댓글 1 좋아요 0 조회수 292

섹션 5. 컴포넌트 파고들기 관련 질문

미해결

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

variants property 관련해서 질문드립니다. 강의 출시 이후 피그마가 업데이트 되어서 인터페이스가 좀 달라져서 그런지 복수의 value를 어떻게 설정하는지 모르겠습니다. checked/unchecked를 하고 싶은데 어떻게 추가해야할까요?

  • 프로토타이핑
  • 모바일-디자인
  • figma
  • ux-기획
gayengy0404 댓글 2 좋아요 0 조회수 313

파워포인트의 화면설계서와 같은....Description은...

미해결

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

에릭선생님! 샘 강의 완강했고요. 덕분에 몇단계 경험치가 올라간 듯 싶습니다. 감사드리고요. 한가지 질문이 있는데요. 파워포인트로 현업들과 협의하면서 화면설계서를 기획자가 작성을 하고 그 화면설계서를 웹디자이너, 퍼블리셔, 개발자에게 배포 이런 식으로 개발 프로젝트를 진행하고 있다면 피그마로 화면설계서를 대체할만한 노하우나 예시가 될만한 탬플릿이 있을까요? 강의에서 설명하신 섹션 15. 핸드오프 강의를 봤을 때 예제 피그마 파일에서 description(보통 ppt 화면설계서 양식에 있는..) 부분이 없어서요. 에릭샘께서는 보통 개발자들과 소통을 어떻게 하시는지 궁금합니다.

  • 웹-디자인
  • 모바일-디자인
  • figma
심재홍 댓글 1 좋아요 0 조회수 442

인기 태그

인프런 TOP Writers

주간 인기글