포스트 (443) 썸네일형 리스트형 [피그마플러그인강좌] #09. Fonts Changer - 폰트 찾아 변경하기 - 오쌤의 니가스터디 안녕하세요. 오쌤입니다. 이번 강좌는 피그마 플러그인 중 Fonts Changer를 보도록 하겠습니다. Fonts Changer는 프레임에 있는 폰트를 다른 폰트로 한 번에 바꿔 줍니다. Step01. 일단 폰트를 찾을 프레임을 선택합니다. 플러그인을 먼저 열면 처리가 안되므로 주의해 주세요. Step02. 이제 플러그인을 찾습니다. Resource 툴을 클릭클릭~! Step03. 바꿀 폰트를 선택하고, 새로운 폰트를 찾아 변경합니다. 왼쪽이 기존 폰트이고, 오른쪽이 새로운 폰트입니다. Replace버튼을 눌러 주세요. 자세한 내용은 오쌤의 니가스터디 유튜브에서 확인해 주세요. 아래 주소에 들어가면 자세한 영상이 있습니다. https://youtu.be/nA_wxRBru7o 유튜브 검색창에 오쌤의 니가스.. 오쌤의 니가스터디 - 2023년 하반기 강좌 오픈 예정 2023년 오쌤의 니가스터디 유튜브에 오픈할 신규 강좌를 소개합니다. 열정과 노하우를 담은 하반기 강좌를 소개합니다! 안녕하세요. 오쌤입니다. 2023년 하반기 새로 개설한 열정 가득한 강좌를 함께 보시죠! 1. SASS : CSS 전처리기죠? 벌써 오픈해서 업로드 중입니다. 2. SVELTE : 프론트엔드 프레임워크 중 하나입니다. 3. REACT : 말해, 뭐해? 프론트엔드 라이브러리 최강자 리액트입니다. 1. SASS Q. SASS는 무엇인가요? A. 구문적으로 놀라운 스타일시트라는 말의 줄임말로, CSS반복을 줄여 시간을 절약할 수 있는 CSS의 확장언어입니다. Q. SASS를 쓰면 어떤 면이 좋나요? A. 일단 실무에서 많이 쓴다는 점입니다. 리액트를 배울 때도 나올 언어이기 때문에 미리 배우면.. [피그마플러그인강좌] #08. Table Creator - 피그마로 테이블디자인하기 - 오쌤의 니가스터디 안녕하세요. 오쌤입니다. 이번 강좌는 피그마 플러그인 중 Table Creator를 보도록 하겠습니다. Table Creator는 컴포넌트를 응용해서 테이블(표)을 쉽게 제작해 주는 플러그인입니다. Step01. 플러그인을 먼저 찾습니다. Resource 툴을 클릭클릭~! Step02. 새창에서 [New Template]를 눌러 줍니다. [Import Template]는 다른 파일의 테이블을 불러오게 해 줍니다. Step03. 행과 열의 개수를 선택합니다. 숫자로 적어도 되고, 드래그해도 됩니다. [Create Table]버튼을 누르면 새로운 페이지에 나옵니다. 그때 나온 테이블만 옮겨 오면 됩니다. 응용해서 아래와 같은 예쁜 표도 만들 수 있습니다. 자세한 내용은 오쌤의 니가스터디 유튜브에서 확인해 주.. [피그마플러그인강좌] #07. Auto Flow - 오쌤의 니가스터디 안녕하세요. 오쌤입니다. 이번 강좌는 피그마 플러그인 중 Auto Flow을 보도록 하겠습니다. Auto Flow는 도형이나 컨텐츠 간의 연결선을 쉽게 만들어 줍니다. Step01. 플러그인을 먼저 찾습니다. Resource 툴을 클릭클릭~! Step02. 연결선 굵기, 끝모양을 지정해줍니다. 선색, 선스타일, 모서리뭉글기도 설정가능합니다. Step03. 도형과 도형 사이를 연결해주세요. 첫번째 도형 잡고, [Shift]를 누르고 두번째 도형을 선택하면 됩니다. 응용해서 아래와 같은 조직도도 만들 수 있습니다. 자세한 내용은 오쌤의 니가스터디 유튜브에서 확인해 주세요. 아래 주소에 들어가면 자세한 영상이 있습니다. https://youtu.be/YLGgMRaKzjQ 유튜브 검색창에 오쌤의 니가스터디라고 .. [피그마플러그인강좌] #06. Lorem Ipsum - 오쌤의 니가스터디 안녕하세요. 오쌤입니다. 이번 강좌는 피그마 플러그인 중 Lorem Ipsum을 보도록 하겠습니다. Lorem Ipsum은 의미 없는 텍스트를 랜덤 하게 피그마 콘텐츠로 불러옵니다. 한글 입숨라는 플러그인도 있으니 검색해서 사용해 보세요. Step01. 플러그인을 먼저 찾습니다. Resource 툴을 클릭클릭~! Step02. 텍스트툴로 범위를 지정합니다. 글자크기, 색상, 글꼴 등 미리 지정하면 편해요. Step03. 몇 문장을 넣을지 숫자로 입력하세요. [Auto-generates]버튼을 누르면 범위에 맞게 자동으로 채워줘요! 자세한 내용은 오쌤의 니가스터디 유튜브에서 확인해 주세요. 아래 주소에 들어가면 자세한 영상이 있습니다. https://youtu.be/bphc39L5Djg 유료 강좌니 유튜브.. [유튜브] 오쌤의 니가스터디 - SASS강좌(완결) 보호되어 있는 글입니다. [피그마플러그인강좌] #05. Contents Reel - 오쌤의 니가스터디 안녕하세요. 오쌤입니다. 이번 강좌는 피그마 플러그인 중 Contents Reel을 보도록 하겠습니다. Contents Reel은 텍스트나 이미지 등의 콘텐츠를 랜덤하게 불러오는 피그마 플러그인입니다. 한글 더미텍스트라는 플러그인도 있으니 검색해서 사용해보세요. Step01. 플러그인을 먼저 찾습니다. Resource 툴을 클릭클릭~! Step02. 큰 주제인 텍스트나 이미지를 선택해줍니다. 그리고 나서 세부적인 주제를 선택하면 바뀝니다. Step03. 만약에 세부 주제에 원하는 것이 없으면 만들 수 있습니다. 구글아이디로 Contents Reel의 회원가입을 하면 됩니다. 자세한 내용은 오쌤의 니가스터디 유튜브에서 확인해 주세요. 아래 주소에 들어가면 자세한 영상이 있습니다. https://youtu... [피그마플러그인강좌] #04. Iconify - 오쌤의 니가스터디 안녕하세요. 오쌤입니다. 이번 강좌는 피그마 플러그인 중 Iconify를 보도록 하겠습니다. Iconify는 무료아이콘을 제공하는 피그마 플러그인입니다. 원래는 사이트인데, 플러그인도 있는 거죠. 이것 외에도 많은 아이콘 플러그인이 있으니 한번 검색해 보는 것도 좋겠습니다. Step01. 플러그인을 먼저 찾습니다. Resource 툴을 클릭클릭~! Step02. 검색창에 원하는 아이콘을 검색합니다. 아이콘은 영문으로 검색해야 나옵니다. 이번 기회에 영어공부를?!? Step03. 옵션들을 설정 후 [import icon]버튼을 눌러 줍니다. 옵션은 색상, 크기, 적용할 프레임 등을 지정해주면 됩니다. 자세한 내용은 오쌤의 니가스터디 유튜브에서 확인해 주세요. 아래 주소에 들어가면 자세한 영상이 있습니다. .. 이전 1 ··· 8 9 10 11 12 13 14 ··· 56 다음