Skip to content

Commit 750d822

Browse files
lazy-dinosaurlazy-dinosaur
committed
update post
1 parent fb8ca74 commit 750d822

14 files changed

+174
-31
lines changed

‎content/posts/프로젝트/Youtube로 피그마 배우기/Youtube로 피그마 배우기-Day1.md‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
---
2+
tags:
3+
- project
4+
- figma
5+
- study
6+
createdAt: 2025-07-01 14:25:50
7+
modifiedAt: 2025-07-01 15:37:34
8+
publish: 프로젝트/Youtube로 피그마 배우기
9+
related:
10+
- "[[Youtube로 피그마 배우기]]"
11+
series: ""
12+
---
13+
14+
# Youtube로 피그마 배우기-Day1
15+
16+
기본 도형및 선은 툴팁을 통해 간편하게 선택하여 그릴 수 있다.
17+
18+
직관적으로 메뉴를 읽어보면 할수 있는것들이 많지만 알아두면 좋은 기능이 몇가지 있다.
19+
20+
## 벡터 선택 모드
21+
22+
일반적으로 생성한 물체를 선택하면 레이아웃과 위치 등 옵션을 변경할 수 있다. 여기서 더 나아가서 모형의 구체적인 생김새를 변형시킬 수 있는 모드가 바로 벡터 선택 모드이다.
23+
24+
벡터 선택 모드는 도형을 선택한 이후 `엔터`를 누르거나 `더블클릭`을 통해 진입할 수 있다.
25+
26+
### 벡터모드에서 할 수 있는것
27+
28+
- 각 포인터들을 움직여 도형의 모습을 바꿀 수 있다.
29+
- 각 포인터들의 곡률과 각도를 변경시킬 수 있다.
30+
- 도형의 테두리에 포인터를 추가하여 조작할 수 있다.

‎content/posts/프로젝트/Youtube로 피그마 배우기/Youtube로 피그마 배우기.md‎

Lines changed: 80 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,80 @@
1+
---
2+
tags:
3+
- project
4+
- figma
5+
- study
6+
createdAt: 2025-07-01 14:01:49
7+
modifiedAt: 2025-07-01 15:37:39
8+
publish: 프로젝트/Youtube로 피그마 배우기
9+
related: ""
10+
series: ""
11+
---
12+
13+
# Youtube로 피그마 배우기
14+
15+
> 미래의 개인프로젝트에 날개를 달아주자
16+
17+
## 프로젝트 정의
18+
19+
- 강의 링크: https://www.youtube.com/watch?v=jwCmIBJ8Jtc&ab_channel=freeCodeCamp.org
20+
21+
개인 프로젝트를 진행하면서 디자인 기획의 부재로 프로젝트의 개발 시간이 너무 길어진다. 이를 해결하기 위해 Figma를 배워 빠르게 여러 디자인을 접목해보고 눈으로 확인해 보면서 기획을 완성해 보도록 하자.
22+
23+
### 해결하려는 문제
24+
25+
- 개인 프로젝트를 진행하면서의 디자인 기획의 어려움
26+
- 취업 활동을 할 때 Figma 경험의 부재
27+
28+
### 핵심 목표
29+
30+
- 피그마의 전반적인 사용법을 공부하도록 한다.
31+
- 피그마를 활용하여 목업 디자인을 개발할 수 있도록 한다.
32+
33+
## 계획 및 할일
34+
35+
총 10시간 분량의 강의이기 때문에 계획적으로 잘 분량을 나누어서 진행한다.
36+
37+
- [x] (0:00:00) Introduction
38+
- [x] (0:00:55) Creating A Figma Account
39+
- [x] (0:02:32) Creating & Naming A Figma Design File
40+
- [x] (0:04:47) Creating Shapes In Figma
41+
- [x] (0:07:16) Selection In Figma
42+
- [x] (0:12:02) Editing Shapes In Figma
43+
- [x] (0:36:14) Introduction To Typography In Figma
44+
- [~] (1:01:41) Design Tree In Figma
45+
- [ ] (1:06:43) First Design Task
46+
- [ ] (1:20:44) Colors In Figma
47+
- [ ] (1:44:22) Drawing Tools In Figma
48+
- [ ] (1:49:20) Margin And Padding In UI UX Design
49+
- [ ] (1:56:08) Figma AutoLayout
50+
- [ ] (2:13:48) Formatting Principles In Figma
51+
- [ ] (2:34:32) Figma Constraints And Resizing
52+
- [ ] (2:51:11) Website Design in Figma
53+
- [ ] (2:55:52) Jakob's Principle Of Design
54+
- [ ] (3:00:25) Introduction to Styles and components
55+
- [ ] (3:25:29) Figma Component Variants
56+
- [ ] (3:36:18) Layout Design & Configuration For Websites in Figma
57+
- [ ] (3:40:07) Layout Grids In Figma
58+
- [ ] (4:01:22) Introduction To Responsive Design
59+
- [ ] (4:07:32) Material Design Guide
60+
- [ ] (6:26:24) Introduction To Tailwind UI
61+
- [ ] (6:28:24) Tailwind UI Design Project
62+
- [ ] (7:25:45) Responsive Landing Page Design Project
63+
- [ ] (8:45:54) Designing Mobile Apps
64+
- [ ] (8:56:47) Iconography In Figma
65+
- [ ] (9:02:32) Boolean Groups
66+
- [ ] (9:09:52) Figma Tokens
67+
- [ ] (9:18:29) Animation In Figma With Figmotion
68+
- [ ] (9:36:29) Mobile Design Project
69+
70+
## 핵심 노트 및 자료
71+
72+
### 내부노트
73+
74+
- [[Youtube로 피그마 배우기-Day1]]
75+
76+
### 외부 자료
77+
78+
## 아이디어 및 메모
79+
80+
- 텍스트와 만들어진 도형 모든것들이 svg로 export 가 가능하기에 랜딩페이지의 타이틀처럼 중요한 부분을 코드로 에니메이션을 적용하면 효과적일 것이라고 생각이 든다.

‎content/posts/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩.md‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ tags:
55
- study
66
- clone
77
createdAt: 2025-06-13 11:29:34
8-
modifiedAt: 2025-06-30 21:24:58
8+
modifiedAt: 2025-06-30 21:27:02
99
publish: 프로젝트/당근마켓 클론코딩
1010
related: ""
1111
series: ""
@@ -35,5 +35,6 @@ next.js로 프로젝트를 생성한다.
3535

3636
기본 셋업을 통해 프로젝트를 생성하면 기본적으로 tailwindcss가 설치되어 기본적으로 사용할 수 있다.
3737

38-
- [[당근마켓 클론코딩으로 기본적인 tailwind 복습하기]]
39-
- [[당근마켓 클론코딩으로 기본적인 Next.js 복습하기]]
38+
- [[당근마켓 클론코딩으로 Tailwind 복습하기]]
39+
- [[당근마켓 클론코딩으로 Next.js 복습하기]]
40+
- [[당근마켓 클론코딩으로 Zod 배우기]]

content/posts/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 기본적인 Next.js 복습하기.md renamed to content/posts/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Next.js 복습하기.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,14 @@ tags:
44
- carrot-market
55
- study
66
createdAt: 2025-06-30 08:48:51
7-
modifiedAt: 2025-06-30 21:24:49
7+
modifiedAt: 2025-06-30 21:29:31
88
publish: 프로젝트/당근마켓 클론코딩
99
related:
1010
- "[[당근마켓 클론코딩]]"
1111
series: ""
1212
---
1313

14-
# 당근마켓 클론코딩으로 기본적인 Next.js 복습하기
14+
# 당근마켓 클론코딩으로 Next.js 복습하기
1515

1616
## 앱 라우터 기본 구조
1717

content/posts/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 기본적인 tailwind 복습하기.md renamed to content/posts/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Tailwind 복습하기.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,14 @@ tags:
55
- study
66
- tailwind
77
createdAt: 2025-06-14 15:04:37
8-
modifiedAt: 2025-06-30 21:25:04
8+
modifiedAt: 2025-06-30 21:37:33
99
publish: 프로젝트/당근마켓 클론코딩
1010
related:
1111
- "[[당근마켓 클론코딩]]"
1212
series: ""
1313
---
1414

15-
# 당근마켓 클론코딩으로 기본적인 tailwind 복습하기
15+
# 당근마켓 클론코딩으로 Tailwind 복습하기
1616

1717
기본적으로 ide에서 제대로된 tailwind를 사용하기 위해서는 tailwindintellisense를 설치해야 한다.
1818
neovim의 경우 lazyvim을 통해 쉽게 설정이 가능하다. `:LazyExtra` 로 추가 플러그인 설치 창을 열고 `lang.tailwind`를 선택하여 설치하면 손쉽게 설정이 끝난다.

‎public/link-map.json‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
{
22
"0.inbox/가상DOM의 원리.md": "자원/React/가상DOM의 원리",
3+
"0.inbox/Youtube로 피그마 배우기-Day1.md": "프로젝트/Youtube로 피그마 배우기/Youtube로 피그마 배우기-Day1",
34
"3.resource/크롬 확장프로그램/크롬 확장프로그램에 케시메모리 추가하기.md": "자원/크롬 확장프로그램/크롬 확장프로그램에 케시메모리 추가하기",
45
"3.resource/Windows/Windows에 환경변수 설정하기.md": "자원/Windows/Windows에 환경변수 설정하기",
56
"3.resource/Windows/Windows에서 AutoHotkey를 활용해 esc를 눌러 영문으로 전환하기.md": "자원/Windows/Windows에서 AutoHotkey를 활용해 esc를 눌러 영문으로 전환하기",
@@ -48,9 +49,10 @@
4849
"3.resource/Web/CSS/CSSOM(CSS Object Model).md": "자원/웹개발/CSSOM(CSS Object Model)",
4950
"2.area/블로그/Archive로 이동시킨 노트들을 블로그에 포스팅할때 문제.md": "영역/블로그/Archive로 이동시킨 노트들을 블로그에 포스팅할때 문제",
5051
"2.area/개발/내가 1년간의 리눅스 개발 여정을 끝내고 윈도우와 맥으로 돌아온 이유.md": "영역/개발/내가 1년간의 리눅스 개발 여정을 끝내고 윈도우와 맥으로 돌아온 이유",
51-
"1.project/당근마켓 클론코딩/당근마켓 클론코딩으로 기본적인 tailwind 복습하기.md": "프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 기본적인 tailwind 복습하기",
52-
"1.project/당근마켓 클론코딩/당근마켓 클론코딩으로 기본적인 Next.js 복습하기.md": "프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 기본적인 Next.js 복습하기",
52+
"1.project/Youtube로 피그마 배우기/Youtube로 피그마 배우기.md": "프로젝트/Youtube로 피그마 배우기/Youtube로 피그마 배우기",
53+
"1.project/당근마켓 클론코딩/당근마켓 클론코딩으로 Tailwind 복습하기.md": "프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Tailwind 복습하기",
5354
"1.project/당근마켓 클론코딩/당근마켓 클론코딩.md": "프로젝트/당근마켓 클론코딩/당근마켓 클론코딩",
55+
"1.project/당근마켓 클론코딩/당근마켓 클론코딩으로 Next.js 복습하기.md": "프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Next.js 복습하기",
5456
"1.project/괴담집/괴담집 프로젝트 소개.md": "프로젝트/괴담집/괴담집 프로젝트 소개",
5557
"1.project/괴담집/괴담집 이야기 생성 워크플로우 구축.md": "프로젝트/괴담집/괴담집 이야기 생성 워크플로우 구축",
5658
"1.project/괴담집/괴담집 콘텐츠 인프라 구축.md": "프로젝트/괴담집/괴담집 콘텐츠 인프라 구축",

‎public/meta-data.json‎

Lines changed: 34 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,17 @@
1010
"modifiedAt": "2025-06-17 14:39:39",
1111
"publish": "자원/React"
1212
},
13+
{
14+
"urlPath": "프로젝트/Youtube로 피그마 배우기/Youtube로 피그마 배우기-Day1",
15+
"title": "Youtube로 피그마 배우기-Day1",
16+
"summary": "",
17+
"image": "",
18+
"tags": ["project", "figma", "study"],
19+
"series": "",
20+
"createdAt": "2025-07-01 14:25:50",
21+
"modifiedAt": "2025-07-01 15:37:34",
22+
"publish": "프로젝트/Youtube로 피그마 배우기"
23+
},
1324
{
1425
"urlPath": "자원/크롬 확장프로그램/크롬 확장프로그램에 케시메모리 추가하기",
1526
"title": "크롬 확장프로그램에 케시메모리 추가하기",
@@ -539,25 +550,25 @@
539550
"publish": "영역/개발"
540551
},
541552
{
542-
"urlPath": "프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 기본적인 tailwind 복습하기",
543-
"title": "당근마켓 클론코딩으로 기본적인 tailwind 복습하기",
553+
"urlPath": "프로젝트/Youtube로 피그마 배우기/Youtube로 피그마 배우기",
554+
"title": "Youtube로 피그마 배우기",
544555
"summary": "",
545556
"image": "",
546-
"tags": ["project", "carrot-market", "study", "tailwind"],
557+
"tags": ["project", "figma", "study"],
547558
"series": "",
548-
"createdAt": "2025-06-14 15:04:37",
549-
"modifiedAt": "2025-06-30 21:25:04",
550-
"publish": "프로젝트/당근마켓 클론코딩"
559+
"createdAt": "2025-07-01 14:01:49",
560+
"modifiedAt": "2025-07-01 15:37:39",
561+
"publish": "프로젝트/Youtube로 피그마 배우기"
551562
},
552563
{
553-
"urlPath": "프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 기본적인 Next.js 복습하기",
554-
"title": "당근마켓 클론코딩으로 기본적인 Next.js 복습하기",
564+
"urlPath": "프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Tailwind 복습하기",
565+
"title": "당근마켓 클론코딩으로 Tailwind 복습하기",
555566
"summary": "",
556567
"image": "",
557-
"tags": ["project", "carrot-market", "study"],
568+
"tags": ["project", "carrot-market", "study", "tailwind"],
558569
"series": "",
559-
"createdAt": "2025-06-30 08:48:51",
560-
"modifiedAt": "2025-06-30 21:24:49",
570+
"createdAt": "2025-06-14 15:04:37",
571+
"modifiedAt": "2025-06-30 21:37:33",
561572
"publish": "프로젝트/당근마켓 클론코딩"
562573
},
563574
{
@@ -568,7 +579,18 @@
568579
"tags": ["project", "carrot-market", "study", "clone"],
569580
"series": "",
570581
"createdAt": "2025-06-13 11:29:34",
571-
"modifiedAt": "2025-06-30 21:24:58",
582+
"modifiedAt": "2025-06-30 21:27:02",
583+
"publish": "프로젝트/당근마켓 클론코딩"
584+
},
585+
{
586+
"urlPath": "프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Next.js 복습하기",
587+
"title": "당근마켓 클론코딩으로 Next.js 복습하기",
588+
"summary": "",
589+
"image": "",
590+
"tags": ["project", "carrot-market", "study"],
591+
"series": "",
592+
"createdAt": "2025-06-30 08:48:51",
593+
"modifiedAt": "2025-06-30 21:29:31",
572594
"publish": "프로젝트/당근마켓 클론코딩"
573595
},
574596
{

‎public/post-contents/프로젝트/Youtube로 피그마 배우기/Youtube로 피그마 배우기-Day1.json‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
{
2+
"content": "\n# Youtube로 피그마 배우기-Day1\n\n기본 도형및 선은 툴팁을 통해 간편하게 선택하여 그릴 수 있다.\n\n직관적으로 메뉴를 읽어보면 할수 있는것들이 많지만 알아두면 좋은 기능이 몇가지 있다.\n\n## 벡터 선택 모드\n\n일반적으로 생성한 물체를 선택하면 레이아웃과 위치 등 옵션을 변경할 수 있다. 여기서 더 나아가서 모형의 구체적인 생김새를 변형시킬 수 있는 모드가 바로 벡터 선택 모드이다.\n\n벡터 선택 모드는 도형을 선택한 이후 `엔터`를 누르거나 `더블클릭`을 통해 진입할 수 있다.\n\n### 벡터모드에서 할 수 있는것\n\n- 각 포인터들을 움직여 도형의 모습을 바꿀 수 있다.\n- 각 포인터들의 곡률과 각도를 변경시킬 수 있다.\n- 도형의 테두리에 포인터를 추가하여 조작할 수 있다.\n",
3+
"plainContent": "기본 도형및 선은 툴팁을 통해 간편하게 선택하여 그릴 수 있다.\n직관적으로 메뉴를 읽어보면 할수 있는것들이 많지만 알아두면 좋은 기능이 몇가지 있다.\n일반적으로 생성한 물체를 선택하면 레이아웃과 위치 등 옵션을 변경할 수 있다. 여기서 더 나아가서 모형의 구체적인 생김새를 변형시킬 수 있는 모드가 바로 벡터 선택 모드이다.\n벡터 선택 모드는 도형을 선택한 이후 엔터를 누르거나 더블클릭을 통해 진입할 수 있다.\n각 포인터들을 움직여 도형의 모습을 바꿀 수 있다.\n각 포인터들의 곡률과 각도를 변경시킬 수 있다.\n도형의 테두리에 포인터를 추가하여 조작할 수 있다."
4+
}

‎public/post-contents/프로젝트/Youtube로 피그마 배우기/Youtube로 피그마 배우기.json‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
{
2+
"content": "\n# Youtube로 피그마 배우기\n\n> 미래의 개인프로젝트에 날개를 달아주자\n\n## 프로젝트 정의\n\n- 강의 링크: https://www.youtube.com/watch?v=jwCmIBJ8Jtc&ab_channel=freeCodeCamp.org\n\n개인 프로젝트를 진행하면서 디자인 기획의 부재로 프로젝트의 개발 시간이 너무 길어진다. 이를 해결하기 위해 Figma를 배워 빠르게 여러 디자인을 접목해보고 눈으로 확인해 보면서 기획을 완성해 보도록 하자.\n\n### 해결하려는 문제\n\n- 개인 프로젝트를 진행하면서의 디자인 기획의 어려움\n- 취업 활동을 할 때 Figma 경험의 부재\n\n### 핵심 목표\n\n- 피그마의 전반적인 사용법을 공부하도록 한다.\n- 피그마를 활용하여 목업 디자인을 개발할 수 있도록 한다.\n\n## 계획 및 할일\n\n총 10시간 분량의 강의이기 때문에 계획적으로 잘 분량을 나누어서 진행한다.\n\n- [x] (0:00:00) Introduction\n- [x] (0:00:55) Creating A Figma Account\n- [x] (0:02:32) Creating & Naming A Figma Design File\n- [x] (0:04:47) Creating Shapes In Figma\n- [x] (0:07:16) Selection In Figma\n- [x] (0:12:02) Editing Shapes In Figma\n- [x] (0:36:14) Introduction To Typography In Figma\n- [~] (1:01:41) Design Tree In Figma\n- [ ] (1:06:43) First Design Task\n- [ ] (1:20:44) Colors In Figma\n- [ ] (1:44:22) Drawing Tools In Figma\n- [ ] (1:49:20) Margin And Padding In UI UX Design\n- [ ] (1:56:08) Figma AutoLayout\n- [ ] (2:13:48) Formatting Principles In Figma\n- [ ] (2:34:32) Figma Constraints And Resizing\n- [ ] (2:51:11) Website Design in Figma\n- [ ] (2:55:52) Jakob's Principle Of Design\n- [ ] (3:00:25) Introduction to Styles and components\n- [ ] (3:25:29) Figma Component Variants\n- [ ] (3:36:18) Layout Design & Configuration For Websites in Figma\n- [ ] (3:40:07) Layout Grids In Figma\n- [ ] (4:01:22) Introduction To Responsive Design\n- [ ] (4:07:32) Material Design Guide\n- [ ] (6:26:24) Introduction To Tailwind UI\n- [ ] (6:28:24) Tailwind UI Design Project\n- [ ] (7:25:45) Responsive Landing Page Design Project\n- [ ] (8:45:54) Designing Mobile Apps\n- [ ] (8:56:47) Iconography In Figma\n- [ ] (9:02:32) Boolean Groups\n- [ ] (9:09:52) Figma Tokens\n- [ ] (9:18:29) Animation In Figma With Figmotion\n- [ ] (9:36:29) Mobile Design Project\n\n## 핵심 노트 및 자료\n\n### 내부노트\n\n- [[Youtube로 피그마 배우기-Day1]]\n\n### 외부 자료\n\n## 아이디어 및 메모\n\n- 텍스트와 만들어진 도형 모든것들이 svg로 export 가 가능하기에 랜딩페이지의 타이틀처럼 중요한 부분을 코드로 에니메이션을 적용하면 효과적일 것이라고 생각이 든다.\n",
3+
"plainContent": "> 미래의 개인프로젝트에 날개를 달아주자\n강의 링크: https://www.youtube.com/watch?v=jwCmIBJ8Jtc&ab_channel=freeCodeCamp.org\n개인 프로젝트를 진행하면서 디자인 기획의 부재로 프로젝트의 개발 시간이 너무 길어진다. 이를 해결하기 위해 Figma를 배워 빠르게 여러 디자인을 접목해보고 눈으로 확인해 보면서 기획을 완성해 보도록 하자.\n개인 프로젝트를 진행하면서의 디자인 기획의 어려움\n취업 활동을 할 때 Figma 경험의 부재\n피그마의 전반적인 사용법을 공부하도록 한다.\n피그마를 활용하여 목업 디자인을 개발할 수 있도록 한다.\n총 10시간 분량의 강의이기 때문에 계획적으로 잘 분량을 나누어서 진행한다.\n[x] (0:00:00) Introduction\n[x] (0:00:55) Creating A Figma Account\n[x] (0:02:32) Creating & Naming A Figma Design File\n[x] (0:04:47) Creating Shapes In Figma\n[x] (0:07:16) Selection In Figma\n[x] (0:12:02) Editing Shapes In Figma\n[x] (0:36:14) Introduction To Typography In Figma\n[~] (1:01:41) Design Tree In Figma\n[ ] (1:06:43) First Design Task\n[ ] (1:20:44) Colors In Figma\n[ ] (1:44:22) Drawing Tools In Figma\n[ ] (1:49:20) Margin And Padding In UI UX Design\n[ ] (1:56:08) Figma AutoLayout\n[ ] (2:13:48) Formatting Principles In Figma\n[ ] (2:34:32) Figma Constraints And Resizing\n[ ] (2:51:11) Website Design in Figma\n[ ] (2:55:52) Jakob's Principle Of Design\n[ ] (3:00:25) Introduction to Styles and components\n[ ] (3:25:29) Figma Component Variants\n[ ] (3:36:18) Layout Design & Configuration For Websites in Figma\n[ ] (3:40:07) Layout Grids In Figma\n[ ] (4:01:22) Introduction To Responsive Design\n[ ] (4:07:32) Material Design Guide\n[ ] (6:26:24) Introduction To Tailwind UI\n[ ] (6:28:24) Tailwind UI Design Project\n[ ] (7:25:45) Responsive Landing Page Design Project\n[ ] (8:45:54) Designing Mobile Apps\n[ ] (8:56:47) Iconography In Figma\n[ ] (9:02:32) Boolean Groups\n[ ] (9:09:52) Figma Tokens\n[ ] (9:18:29) Animation In Figma With Figmotion\n[ ] (9:36:29) Mobile Design Project\nYoutube로 피그마 배우기-Day1\n텍스트와 만들어진 도형 모든것들이 svg로 export 가 가능하기에 랜딩페이지의 타이틀처럼 중요한 부분을 코드로 에니메이션을 적용하면 효과적일 것이라고 생각이 든다."
4+
}

0 commit comments

Comments
 (0)