Skip to main content

DESIGN SYSTEM FOR Android: From Figma to Jetpack Compose

Less than 1 minuteDesignFigmaAndroidArticle(s)blogd2.naver.comjavaandroiddesignfigma

DESIGN SYSTEM FOR Android: From Figma to Jetpack Compose ๊ด€๋ จ

Figma > Article(s)
Article(s)
Android > Article(s)
Article(s)
DESIGN SYSTEM FOR Android: From Figma to Jetpack Compose | NAVER D2
DESIGN SYSTEM FOR Android: From Figma to Jetpack Compose

๋„ค์ด๋ฒ„ ์‚ฌ๋‚ด ๊ธฐ์ˆ  ๊ต๋ฅ˜ ํ–‰์‚ฌ์ธ NAVER ENGINEERING DAY 2024(5์›”)์—์„œ ๋ฐœํ‘œ๋˜์—ˆ๋˜ ์„ธ์…˜์„ ๊ณต๊ฐœํ•ฉ๋‹ˆ๋‹ค.

๋ฐœํ‘œ ๋‚ด์šฉ

Figma์™€ Jetpack Compose๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Android ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ๊ตฌ์ถ•ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋‹ค๋ฃน๋‹ˆ๋‹ค.

๋””์ž์ธ ์‹œ์Šคํ…œ์˜ ์ค‘์š”์„ฑ๊ณผ Figma์—์„œ ๋””์ž์ธ์„ ๋งŒ๋“ค๊ณ  Jetpack Compose๋กœ ๊ตฌํ˜„ํ•˜๋Š” ๊ณผ์ •์„ ์„ค๋ช…ํ•˜, ์ด๋ฅผ ํ†ตํ•ด ๋””์ž์ด๋„ˆ์™€ ๊ฐœ๋ฐœ์ž๊ฐ€ ์–ด๋–ป๊ฒŒ ํ˜‘์—…ํ•  ์ˆ˜ ์žˆ๋Š”์ง€, ๊ทธ๋ฆฌ๊ณ  ์ผ๊ด€์„ฑ ์žˆ๋Š” ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ์ œ๊ณตํ•˜๊ธฐ ์œ„ํ•ด ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ์–ด๋–ป๊ฒŒ ํšจ๊ณผ์ ์œผ๋กœ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š”์ง€๋ฅผ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.

Material 3 Design Kit (Community) โ€“ Figma
Created with Figma

โ—Ž NAVER ENGINEERING DAY๋ž€?

NAVER์—์„œ๋Š” ์‚ฌ๋‚ด ๊ฐœ๋ฐœ ๊ฒฝํ—˜๊ณผ ๊ธฐ์ˆ  ํŠธ๋ Œ๋“œ๋ฅผ ๊ต๋ฅ˜๋ฅผ ํ•  ์ˆ˜ ์žˆ๋Š” ํ”„๋กœ๊ทธ๋žจ์ด ๋งŽ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ์ค‘ ๋งคํšŒ ํ‰๊ท  70๊ฐœ ์ด์ƒ์˜ ๋ฐœํ‘œ๊ฐ€ ์ด๋ฃจ์–ด์ง€๋Š” NAVER ENGINEERING DAY๋ฅผ ๋นผ๋†“์„ ์ˆ˜ ์—†๋Š”๋ฐ์š”.

2016๋…„๋ถ€ํ„ฐ ์‹œ์ž‘๋œ ENGINEERING DAY๋Š” ์‹ค๋ฌด์—์„œ์˜ ๊ธฐ์ˆ  ๊ฐœ๋ฐœ ๊ฒฝํ—˜๊ณผ ์ƒˆ๋กœ์šด ๊ธฐ์ˆ ๊ณผ ํ”Œ๋žซํผ ๋„์ž… ์‹œ ์œ ์šฉํ•˜๊ฒŒ ํ™œ์šฉ๋  ์ˆ˜ ์žˆ๋Š” ํŒ ๋“ฑ์„ ๊ณต์œ ํ•˜๋ฉฐ ์„œ๋กœ ๋ฐฐ์šฐ๊ณ  ์„ฑ์žฅํ•˜๋Š” ๋„ค์ด๋ฒ„์˜ ๋Œ€ํ‘œ์ ์ธ ์‚ฌ๋‚ด ๊ฐœ๋ฐœ์ž ํ–‰์‚ฌ์ž…๋‹ˆ๋‹ค.

์˜ฌํ•ด ์ง„ํ–‰๋œ NAVER ENGINEERING DAY 2024(5์›”)์˜ ์ผ๋ถ€ ์„ธ์…˜์„ ๊ณต๊ฐœํ•ฉ๋‹ˆ๋‹ค.