본문 바로가기 메뉴 바로가기

devOhzl

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

devOhzl

검색하기 폼
  • ALL (97)
    • WEB (40)
      • HTML (2)
      • CSS (15)
      • JavaScript (17)
      • TypeScript (6)
    • FrontEnd (6)
      • Vue (15)
      • React (6)
      • React Native (2)
    • CS (0)
    • NodeJS (0)
    • Chart (8)
    • Git (5)
    • Figma (5)
    • 실습 예제 (7)
  • 방명록

Figma Style (1)
[Figma] 스타일 정의, 버튼 생성하기

스타일 정의 (버튼 생성하기) 1️⃣ 텍스트 생성 - Inter / Semi Bold / 18px / 행간 100% / 자간 -0.5px / Text-align: Center, Middle / Resize : Auto width - Type > Details > Letter Case > Title Case 2️⃣ 텍스트 복사 option(alt) + Shift 누르고 아래 방향으로 드래그하여 텍스트 복사 후 Cmd + D 를 누르면 같은 방향으로 객체가 복사된다. 두번째 텍스트는 12px로 변경한다. 3️⃣ 버튼 스타일 생성 * "/"로 구분하여 스타일을 Group화 가능 4️⃣ Local styles 사용 (Text) 만들어진 Local style을 연결해서 사용할 수 있다. Figma Plugin 활..

Figma 2023. 10. 10. 14:44
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 프론트엔드
  • chartjs
  • frontend
  • 환경설정
  • package
  • vscode
  • npm
  • 객체복사
  • Figma 기초
  • Vscode단축키
  • web
  • SASS
  • figma
  • npm install
  • 객체
  • echarts
  • Location
  • SCSS
  • Chart
  • 얕은복사
  • javascript
  • VUE
  • piechart
  • x축스크롤
  • package-lock
  • Legend
  • BarChart
  • 깊은복사
  • Figma 버튼
  • Figma Style
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바