[2024 ์ ๋ฐ์ดํธ] UX/UI ์์ํ๊ธฐ : Figma ์ ๋ฌธ (Inflearn Original)
์ ์ธ๊ณ ๊ฐ์ฅ ๋ง์ ์ฌ๋๋ค์ด ์ฌ์ฉํ๋ ํ์ ํด ํผ๊ทธ๋ง๋ฅผ ๋ฐฐ์๋ณด์ธ์! UI ๋์์ธ ์ค์ผ์น, ํ๋กํ ํ์ดํ ๋ฐ ํ์ ์ ์ํ ๋์์ธ ๋๊ตฌ Figma(ํผ๊ทธ๋ง)์ ๊ธฐ๋ณธ์ ์ธ ์ฌ์ฉ๋ฒ๊ณผ ์ค๋ฌด ํ์ฉ๋ฒ์ ๋ํด ํ์ตํด ๋ด ๋๋ค.
์๊ฐ์ 59,269๋ช
๋์ด๋ ์ ๋ฌธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ

- ๋ฏธํด๊ฒฐ
ํ ์ด๋ธ ๋ง๋ค๊ธฐ ์ง๋ฌธ
<img src="https://cdn.inflearn.com/public/files/posts/a4b53fa8-88bd-47d6-9d5c-d84b38dffb5d/b8ce2988-5cb9-4d35-9fd0-96ee37cf2cc1.png" media-type="img"
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธsuyeon18571
ใป
13์ผ ์
0
35
1
- ๋ฏธํด๊ฒฐ
Layout Grid
์๋ ํ์ธ์ ๊ฐ์ ์ ๋ฃ๊ณ ์๋๋ฐ์Layout Grid ๋ฅผ ๋ง๋๋ ๋ชฉ์ ์ ์ด๋ค ๋ชฉ์ ๋๋ฌธ์ ๋ง๋ค๊ฒ ๋๋์ ??
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธSJ
ใป
2๋ฌ ์
0
49
1
- ๋ฏธํด๊ฒฐ
์์ฃผ ์ฌ์ฉํ๋ ์์ด์ฝ ๋ง๋ค๊ธฐ
3 ๋ถ 1์ด์ ๋ ์ด์์ ๊ทธ๋ฆฌ๋ ๋ง๋ค๋ ํ๋ ์์ ๊ทธ๋ฅ ์๋ก ๋ง๋ค์ด์ ํ๊ฑด๊ฐ์? ๋๊ฐ์ด ๋ฐ๋ผํ๋๋ฐ ๋ถํ์ ๋ฐฐ๊ฒฝ์ด ์ ๋ง๋ค์ด์ง๋๋ฐ์<p style="text-a
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธ์์ฑ์ ์์
ใป
3๋ฌ ์
0
67
1
- ๋ฏธํด๊ฒฐ
์ ๋ฐ์ดํธ ๊ฐ์ ๋ฒ์ ์ ์ธ์ ์ฌ๋ผ์ฌ๊น์?
2025๋ ๋ ์ด์ ๋๋๊ฐ๋๋ฐ.. ๊ธฐ๋ค๋ฆฌ๋ค๊ฐ ๋ฒ์จ ์ฌํด๊ฐ ๋ค๊ฐ๊ณ ์๋ค์..ใ
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธB angela
ใป
5๋ฌ ์
1
107
0
- ๋ฏธํด๊ฒฐ
๊ฐ์์ ์์ด์ฝ์ด ๋ฌ๋ผ ์ง๋ฌธ ๋๋ฆฝ๋๋ค.
<img src="https://cdn.inflearn.com/public/files/posts/51d22078-256e-4ae2-a386-78d72cf4c4ee/3dff42f3-d4a2-4998-b308-59bdaf1693a3.png" medi
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธcompile62
ใป
6๋ฌ ์
0
79
1
- ๋ฏธํด๊ฒฐ
39๊ฐ ์คํ ๋ ์ด์์ ์ง๋ฌธ
์คํ ๋ ์ด์์ 3๋ถ 31์ด ๋ถ๋ถ์์ ํ์ดํ Warp ์ด์. ์ง๊ธ 2025๋ ๋ฒ์ ์๋ ์์ด์ง๊ฑด๊ฐ์? ์ง๊ธ ๋ฒ์ ์์๋ ์์ ์ ๋ ฅ,์ธ๋ก, ๊ฐ๋ก, ๊ทธ๋ฆฌ๋๋ฒ ํ ๋ค๊ฐ์ง๋ง ๋ณด์ด๋๋ฐ ๊ธฐ๋ฅ์ด ๋ค๋ฅธ๊ฒ๊ฐ์์์.
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธfgje
ใป
6๋ฌ ์
0
77
1
- ๋ฏธํด๊ฒฐ
2025๋ ์ ๋ฐ์ดํธ ๊ฐ์ ๋ฒ์ ์ ์ธ์ ์ฌ๋ผ์ฌ๊น์?
์๋ ํ์ธ์?2024๋ ๊ฐ์ ๋ฒ์ ์ ๋ฐ๋ผ์ ํ๊ณ ์๋๋ฐ, ํผ๊ทธ๋ง UI๊ฐ ๋ณ๊ฒฝ๋์๋ค์...ใ ใ ์ค๋ก์ง๋ง, 20
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธTimothy Lee
ใป
9๋ฌ ์
0
345
2
- ๋ฏธํด๊ฒฐ
11๊ฐ. ๋ฐ๋ผ๊ฐ๊ธฐ , IMPORT(๋ถ๋ฌ์ค๊ธฐ) ๋ชป์ฐพ์
์๋ ํ์ธ์? 11์ฅ ๊ณต๋ถ์ค์ธ๋ฐ, import(๋ถ๋ฌ์ค๊ธฐ) ๋ฒํผ์ด ํ๋ฉด UI์ ์๋๋ฐ... ๊ฐ์๋ด์ฉ ์ดํ ํผ๊ทธ๋ง ์ฑ์ด ์ ๊ธ๋๊ฑด๊ฐ์?
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธ์ ์ ํ
ใป
10๋ฌ ์
0
109
2
- ๋ฏธํด๊ฒฐ
44๊ฐ 13๋ถ15์ด ์ข์ฐ๋ณ๊ฒฝ
๋ง๋ค์ด์ง ์๋ ์ฑํ ์คํ ๋ ์ด๋ง ๊ฐ์ ธ์์ ๋์ ์ฑํ ์ ๋ง๋ค๋, ์ข์ฐ๋ณ๊ฒฝ์ด ์๋๋๋ฐ ์ด์ ๋ฅผ ์๊ณ ์ถ์ต๋๋ค!
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธ์กฐ์ํ
ใป
10๋ฌ ์
0
85
1
- ๋ฏธํด๊ฒฐ
TABLE ๋ง๋ค๊ธฐ
<img src="https://cdn.inflearn.com/public/files/posts/6f8184a3-5f72-4e0e-8aab-ba1709fb2bbf/dc3944b4-c551-4d7e-a1c5-1d509c17871d.png" media-type="img"
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธkkamjjing-i
ใป
10๋ฌ ์
0
149
2
- ๋ฏธํด๊ฒฐ
์์ ์ ์ฅ ์์น
์์์ ๋ณต์ตํ๊ธฐ ์ํด ๋ชจ๋ฐ์ผ์์ฒญํ๋ค๊ฐ ์ ์ฅ๊ธฐ๋ฅ์ด ์์ด ์ ์ฅํ๋๋ฐ, ์๋ฌด๋ฆฌ ์ฐพ์๋ด๋ ๋ค์ด๋ฐ์ ํ์ผ์ ๋ชป์ฐพ๊ฒ ๋๋ผ๊ตฌ์ ใ .ใ ํ์ต๊ณผ ๊ด๊ณ์๋ ๋ด์ฉ์ ์ง๋ฌธ๋๋ ค ์ฃ์กํฉ๋๋ค๋ง
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธsbking
ใป
10๋ฌ ์
0
329
1
- ๋ฏธํด๊ฒฐ
์์ด์ฝ ๋ง๋ค๊ธฐ_์ค์ ๊ด๋ จ
์์ด์ฝ์ ๋ง๋ค๊ณ ์ค์( shift + x)์ ํ๋๋ฐ ์์ด์ฝ์ด ํ ๋๋ฆฌ๋ง ๋จ๋๊ฒ ์๋๋ผ ๋ง๋ค์ด๋ ผ ์์ด์ฝ ์ ์ฒด๊ฐ ์ฌ๋ผ์ง๋ ๊ทธ ์ด์ ๊ฐ ๊ถ๊ธ ํฉ๋๋ค.
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธhomework0810
ใป
10๋ฌ ์
0
85
0
- ๋ฏธํด๊ฒฐ
45๊ฐ min max ์ค์
๊ฐ์๋๋ก min max ์ค์ ํ์์ผ๋๋๋ฒ์งธ ์ฌ์ง์ ๋ณด๋ฉด ๊ฐ์ฌ๋์ฒ๋ผ max๋ ํ์ฑํ๊ฐ ๋ ๊ฒ ๊ฐ์ผ๋ min ํ์ฑํ๊ฐ ์๋ฉ๋๋ค.
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธgue2
ใป
์ผ ๋ ์
0
67
1
- ๋ฏธํด๊ฒฐ
44๊ฐ ์์ ์ค์ต ๋ ์ด์ด์ ํ๋ ์
44๊ฐ ์์ ์ค์ต์ค์ ๋๋ค.์ฒ์์ ๋ ์ด์ด๋ฅผ ๋ง๋ค ๋ ํ๋ ์์ ์๋จํญ ์ฑํ ์ฐฝ ํ๋จํญ์ผ๋ก 3๋ถํ ํ์ จ๋๋ฐ ๋ฐฐ๊ฒฝ์ผ๋ก ๊น ํ๋ ์์ ์ธ์ ์ง์ฐ์ ๊ฑธ๊น์...?<p sty
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธgue2
ใป
์ผ ๋ ์
0
76
1
- ๋ฏธํด๊ฒฐ
auto layout๊ณผ position
43๊ฐ ์์ ์ค์ต์ค์ธ๋ฐshift+a๋ก ์ฌ์ง๊ณผ ๊ธ์จ์์ญ์ ๋ฌถ๊ณ ํ์ธ๋ฒํผ ๋ง๋ ๋ค shift+a๋ก ์คํ ๋ ์ด์์์ ๋ง๋ค์์ต๋๋ค.<p style="text-ali
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธ์์ฑ์ ์์
ใป
์ผ ๋ ์
0
53
1
- ๋ฏธํด๊ฒฐ
Show version history
์ด๊ฑฐ ์ด๋์ ์๋์?
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธkkamjjing-i
ใป
์ผ ๋ ์
0
116
1
- ๋ฏธํด๊ฒฐ
constraints๊ฐ ์๋์์!
ํ๋ ์์์ ํ๋ ์/๋ ํฑ๊ทค๋ฌ ๋ฃ์ด์ ์์ ์น๊ตฌ๋ค์ ํด๋ฆญํด๋ ์ปจ์คํธ๋ ์ธ์ธ ๊ฐ ๋ํ๋์ง ์์ต๋๋ค ใ ใ
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธ์๋ฌญ
ใป
์ผ ๋ ์
0
362
1
- ๋ฏธํด๊ฒฐ
frame ์์ฑ ์ android large๊ฐ ์์ต๋๋ค.
ํด๋น ๊ฐ์ํด์ ์ฒซ ์์ ๋ frame๋ฅผ adroid large๋ก ์ฌ์ฉํ๋๋ฐ android compact์ android medium์ ์๋๋ฐ large๋ง ์์ต๋๋ค. ์ด๋ป๊ฒ ํด์ผ ํ๋์?
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธ๊ฐ์ถฉ๊ตฌ
ใป
0
245
2
- ๋ฏธํด๊ฒฐ
๋ถ๋ฆฌ์ธํ๋กํผํฐ
[์์ ์ค์ต] ๋ฒํผ ์ปดํฌ๋ํธ์ variants ๋ง๋ค๊ธฐ๊ฐ์ 8:14์ด์์๋ฒํผ ์์ ํ๋ ์ ์์ฑ ํ ํ๋กํผํฐ๋ฅผ ์์ฑํ๋ ค๊ณ ํ๋๋ฐ ์์ฑํ๋ ๋ฒํผ์ด ์๋ ์์ใ ์ด๋ป๊ฒ ์์ฑํ๋์ง ์ ์ ์์๊น์?
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธntt75618
ใป
0
123
1
- ๋ฏธํด๊ฒฐ
์์ ์์น ๊ต์ฒด
43๊ฐ 12:45~50 ๋ณด๋ฉด ๋งํ์ ๊ณผ ์๊ฐ์ ์์น๋ฅผ ๊ต์ฒดํ๋๋ฐ, ์ด๋ค ๋จ์ถํค๋ฅผ ์ฌ์ฉํด์ผํ ๊น์?
ํ๋กํ ํ์ดํ๋ชจ๋ฐ์ผ-๋์์ธfigmaux-๊ธฐํํ๋ก๋ํธ๋์์ธntt75618
ใป
0
167
2






