inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

파운데이션과 컴포넌트 파일 별도로 관리해야할까요?

해결됨

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

안녕하세요 강사님! 덕분엔 베리어블 사용성에 대해 한층 더 깊게 알게 되었습니다. 감사합니다. 수강 중에 궁금한 사항이 있는데요, 섹션 4에서 Foundation 과 Component 피그마 파일을 별도로 작업하신 이유가 무엇인가요? 하나의 피그마 파일 안에 컴포넌트 작업을 같이 진행해도 되는지 궁금합니다. 우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변 드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크 를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문 이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기 로 인프런 쪽으로 연락 주시기 바랍니다.

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
Bear Bumble Bee 댓글 2 좋아요 0 조회수 183

BOLD PLUS Design System 어디에서 찾나요?

해결됨

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

안녕하세요. 먼저 좋은 강의 감사드립니다. 섹션5 버튼 부분 보고 있습니다. Assets 에서 아이콘 불러오기에서 막혔습니다. 섹션4 컴포넌트 만들기 위한 준비 에서 컴포넌트 만들기 전 라이브러리 세팅하기 에서 나온 BOLD PLUS Design System은 어디서 찾을 수 있나요? 현재 제 피그마는 스타터플랜으로 Library 보내지기가 안되는데 프로페셔널 플랜으로 업그레이드 시켜야만 Library 이용이 가능한가요?

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
Ori 댓글 3 좋아요 0 조회수 226

도메인-호스팅 연결이안됩니다

미해결

구글 애드센스 수익형 워드프레스 블로그 만들기

호스팅케이알-패스트 코멧 도메인 연결이 되지 않은것 같습니다. 호스팅케이알에서 네임서버 변경 완료 후에 도메인으로 접속해보면 여전히 패스트 코멧이 아닌 호스팅케이알의 페이지로 연결됩니다. 강의에 대한 질문은 인프런 질문하기나, 1:1 커뮤니티 페이지에서 문의하시면 빠르게 답변 드리고 있습니다. (커뮤니티 주소 https://itconnect.dev/커뮤니티/ ) 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요 테마 파일과 CSS, PHP 파일은 아래 링크를 통해 받아보실 수 있습니다. https://drive.google.com/drive/folders/1KtkfsZe2uy5jNMps0F6gnqlEvZnq0mRN?usp=sharing

  • HTML/CSS
  • wordpress
  • php
  • 웹-디자인
  • 반응형-웹
김환희 댓글 2 좋아요 0 조회수 319

(실습1) 포모도로 타이머 프로젝트 에러사항 문의드립니다.

미해결

코딩 몰라도 OK! CursorAI로 시작하는 개발 생활 (웹/초급)

<실습1: 포모도로 타이머 프로젝트 세팅> Node Js. 다운로드 후 커서 인터페이스 상에서 실습1 프로젝트 진행을 위해 새폴더 생성 후 불러온다 폴더 생성 후 터미널 창을 생성하는데 이때 단축키는 ctrl + J키 이다 터미널 창에서 명령어 단축키인 ctrl + k키를 누르고, 프롬프트를 입력한다. --> 프롬프트 : 폴더에 바로 하위폴더를 생성하지 않고, 리액트, 테일윈드, 타입스크립트 프로젝트를 생성하는 명령어 까지 강의해주시는 내용에 맞춰 진행해보았으나, 터미널 창에 에러가 발생하고 별도 하위 폴더라 생성되지 않는 오류가 있습니다. 유사한 질문을 주신 다른 학습자분께 작성해주신 메모를 참고하여 Git Bash를 설치하고 터미널 창에서 변경하여 재시도 해보았으나 문제가 해결되지 않았습니다. 코딩에 대한 지식이 전무하여, 가능하시다면 글로 작성된 설명 보다 캡처화면과 연계하여 별도 세부 설명이 있으면 좋을 것 같습니다. 감사합니다.

  • react
  • 웹-디자인
  • firebase
  • no-code
  • cursor
  • vercel
wj.jeong 댓글 3 좋아요 0 조회수 282

온라인 건물연구소 홈페이지

미해결

구글 애드센스 수익형 워드프레스 블로그 만들기

온라인 건물연구소 이미지로고를 쓰려고 찾아보니까 안나와서 그런데 혹시 주소가 바뀌었을까요?

  • HTML/CSS
  • wordpress
  • php
  • 웹-디자인
  • 반응형-웹
명우 댓글 2 좋아요 0 조회수 224

구글sheet 어디서 다운 받을 수 있나요

해결됨

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

구글sheet 어디서 다운 받을 수 있나요

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
ryan a 댓글 2 좋아요 0 조회수 206

피그마 활용 클래스 > 4 컴포넌트 boolean

미해결

피그마 시작하기

섹션 4. 피그마 활용 클래스 강의 중 4-4강에서 버튼을 만들어 하트 아이콘을 넣고 컴포넌트화 시킨 후 하트 아이콘을 클릭하고 boolean 기능을 추가하는 부분이 현재 피그마 UI와 달라서 어떻게 만들고 적용하는 지 모르겠습니다. 업데이트 되면서 패널 속성이 바뀐 것 같은데 어떻게 만들고 적용하면 되나요?

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

노션 링크가 없다고 나와요

미해결

코딩 몰라도 OK! CursorAI로 시작하는 개발 생활 (웹/초급)

커서 및 vscode 설치 방법 다운로드를 받지 않으신 분들은 차분히 다운로드를 받으신 다음 아래의 Node.JS를 설치 해주세요 해당 노드 링크 클릭하면 The page you are looking for cannot be found! Please ask the owner of the page for an updated link. 로 나옵니다!

  • react
  • 웹-디자인
  • firebase
  • no-code
  • cursor
  • vercel
tldos97 댓글 2 좋아요 0 조회수 480

그룹에 대한 질문입니다

미해결

피그마 시작하기

2-프레임과 그룹의 차이 학습후 질문드립니다 그룹을 사용하는 이유가 궁금합니다. 프레임이 더 이점이 많은것 같아서요 그룹을 어떻게 만드셨나요? 하단 UI 상으로는 프레임과 도형정도만 있습니다

  • 웹-디자인
  • 모바일-디자인
  • figma
  • ui
  • ux
도크 댓글 2 좋아요 0 조회수 171

디자인 시스템 세팅 임포트

해결됨

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

안녕하세요, 디자인 시스템 세팅하는데 있어 텍스트 세팅 부분 부터 수업을 잘 따라가지 못하겠습니다. 다음 스텝으로 넘어가려면 이미 베리어블들 세팅이 되어 있어야하는 것 같은데, 이미 만들어진 버전 임포트 하는 방법 없나요? 일단 진도는 나가고 완강 후 다시 돌아가야할 것 같습니다.

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
고예진 댓글 5 좋아요 0 조회수 231

프로젝트 생성 명령어 입력 후 에러

미해결

코딩 몰라도 OK! CursorAI로 시작하는 개발 생활 (웹/초급)

안녕하세요. 강의 따라서 "폴더에 바로~ 타입스크립트 프로젝트 생성하는 명령어"라고 입력 후 명령어 실행했는데 바로 저렇게 에러가 떴는데 이 부분 어떻게 해결해야 하나요? ㅠ 저는 D드라이브에 폴더 새로 만든 후 진행했습니다

  • react
  • 웹-디자인
  • firebase
  • no-code
  • cursor
  • vercel
김현주 댓글 2 좋아요 0 조회수 385

스케치 피그마 임포트

해결됨

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

섹션 3 아이콘 등록 방법에서 아이콘 union 첨부 파일 주셨는데 스케치 파일입니다. 피그마로 어떻게 임포트 하나요,,,?

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
고예진 댓글 2 좋아요 0 조회수 317

6- 디자인시스템 구축을 위한 스타일 만들기 > 그레이 선정

미해결

피그마 시작하기

그레이 스타일 설정할 때 쓰려고 하는 가장 어두운 색을 설정했다면(예를들어 #000000) 여기서 명암만 10 or 100단위로 내려서 800 700 이렇게 내려가는 걸까요? 기준에 대한 감(?)이라고 해야 될 지 모르겠지만 가장 어두운 컬러를 선정할 때 그렇게 선정하는 이유와 점차 밝아지는 텀에 대한 기준을 모르겠습니다!

  • 웹-디자인
  • 모바일-디자인
  • figma
  • ui
  • ux
양고운 댓글 2 좋아요 0 조회수 339

Copy Link로 프로토타입 공유 시, 휴대폰 프레임 안보이게 하는 기능

미해결

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

제목 그대로, Copy Link로 프로토타입 공유 시, 제가 Advanced settings > Show device frame 메뉴에서 unchecked하고 프레임 없앤 상태에서 공유를 해도, Link를 받은쪽에서는 휴대폰 프레임이 디폴트로 보여지는데, 공유할때부터 프레임 없이 보일 수 있도록 설정이 불가능할까요?

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 프로덕트디자인
Haein 댓글 2 좋아요 0 조회수 366

프레임 크기를 조정하다가 모르는 박스를 발견했어요.

미해결

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

컨텐츠를 다 반영한 후에 프레임 위아래 길이를 좀 줄이려고 하단바 있는 부분에 커서를 놓고 위로 드래그했는데, 제가 눈에 보이는 프레임 자체는 조정되지 않고, 하기 첨부 이미지처럼 안보이던 박스(파란색으로 선택한 상태의 박스) 크기가 조정이 되어요. 제가 따로 만든 적이 없는 박스인데 이건 뭘까요? ㅎ 조언 부탁드립니다.

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 프로덕트디자인
Haein 댓글 2 좋아요 0 조회수 178

6-디자인시스템 구축을 위한 스타일 만들기 > 그레이 뒷 숫자의미

미해결

피그마 시작하기

6-디자인시스템 구축을 위한 스타일 만들기에서 그레이 부분에 숫자를 900부터 시작하셨는데 해당 숫자를 기입하는데 의미가 따로 없는건지 궁금합니다.

  • 웹-디자인
  • 모바일-디자인
  • figma
  • ui
  • ux
양고운 댓글 2 좋아요 0 조회수 227

Style 저장하는데 Variable?

미해결

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

Color styles을 저장하고 있었는데, 뭔가 투명도 처리 등을 한 컬러를 저장하니까 Local Variables이라는 다른 카테고리로 Styles과 별개로 저장이 되는데 이게 뭔가요? 이걸 Styles로 같은 카테고리로 저장은 못하나요?

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 프로덕트디자인
Haein 댓글 1 좋아요 0 조회수 425

Text 박스 조정하는 법

미해결

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

도형 안에 텍스트를 올려 버튼을 만드는 일이 많은데요. 도형 안 텍스트가 정 한가운데에 있어야하는데, 계속 살짝 위아래 정렬이 한가운데가 아니라 아래쪽으로 쏠린 모습이예요. 텍스트박스도 도형 안에 한 가운데에(동일 Padding) 잘 놓았고, 텍스트박스도 위아래 가운데 정렬 설정 모두 다 잘 한상태인데두요. 그래서 Text의 Line Height 이라는 부분을 줄간격 개념으로 생각하고 Auto가 아닌 0으로 설정해보았는데, 첨부드리는 이미지와 같이 Text 박스가 실제 Letter보다 작아져요. Line Height 0이면 텍스트박스가 원래 그렇게 작게 보이는건가요? 텍스트 박스 안의 Letter 높이와 딱 맞게 텍스트 박스 높이를 조정하려면 어떻게 해야하나요? 텍스트의 Font size와 동일하게 텍스트박스 Line Height 맞추면 비슷해지는것같긴하지만, 여전히 하단맞춤정렬이 되어있는 느낌입니다. 버튼 도형안에 버튼명 텍스트가 한가운데에 보이게 하려면 어떻게 해야할까요? 혹시 텍스트 Layout (ㅣ→ 이런 설정)의 문제일까요?

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 프로덕트디자인
Haein 댓글 2 좋아요 0 조회수 1204

확장성

미해결

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

확장성을 위해 아이콘 제작에서 스트록으로 그린 아이콘은 스트록 아웃라인을 해야 커져도 크기의 비율이 일정하게 늘어나는 거죠?

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 프로덕트디자인
silverjeni02 댓글 2 좋아요 0 조회수 148

인기 태그

인프런 TOP Writers

주간 인기글