inflearn logo
็Ÿฅ่ญ˜ๅ…ฑๆœ‰
inflearn logo

ใƒ‡ใ‚ถใ‚คใƒณใ‚ทใ‚นใƒ†ใƒ  with ใƒ”ใ‚ฐใƒž

ใ“ใฎ่ฌ›็พฉใ‚’้€šใ—ใฆใƒ‡ใ‚ถใ‚คใƒณใ‚ทใ‚นใƒ†ใƒ ใ‚’ๆง‹็ฏ‰ใ—ใ€็งใฎใƒ‡ใ‚ถใ‚คใƒณใƒฏใƒผใ‚ฏใŒๆŒใค็ˆ†็™บ็š„ใช็›ธไน—ๅŠนๆžœใ‚’ๆ„Ÿใ˜ใฆใใ ใ•ใ„ใ€‚

้›ฃๆ˜“ๅบฆ ๅˆ็ดš

ๅ—่ฌ›ๆœŸ้–“ ็„กๅˆถ้™

Figma
Figma
Figma Tokens
Figma Tokens
Design System
Design System
Atomic Design
Atomic Design
product design
product design
Figma
Figma
Figma Tokens
Figma Tokens
Design System
Design System
Atomic Design
Atomic Design
product design
product design

ใŠ็Ÿฅใ‚‰ใ›

3 ไปถ

  • kindtiger๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ใ€่ฟฝๅŠ ๆ˜ ๅƒใ€‘ใƒˆใƒผใ‚ฏใƒณใ‚นใ‚ฟใ‚ธใ‚ชใฎใƒใƒผใ‚ธใƒงใƒณใ‚ขใƒƒใƒ—

    ใ“ใ‚“ใซใกใฏๅ—่ฌ›็”Ÿใฎ็š†ใ•ใ‚“:)

    ใƒ”ใ‚ฐใƒžใจใ„ใ†ๅผทๅŠ›ใชใƒ„ใƒผใƒซใŒๆฏŽๅนด6ๆœˆใฎๆ–ฐๆฉŸ่ƒฝใงๅคง่ฆๆจกใชใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใ‚’้€ฒ่กŒใ™ใ‚‹ไบ‹ๅฎŸใฏ็š†็Ÿฅใฃใฆใ„ใพใ™ใ‚ˆใญ๏ผŸ
    ใ“ใฎใ‚ˆใ†ใซๆ–ฐใ—ใ„ใƒ„ใƒผใƒซใŒใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใŒ่ตทใ“ใ‚‹ใจใ€ใใฎไธญใงไฝฟ็”จใ•ใ‚ŒใŸใƒ—ใƒฉใ‚ฐใ‚คใƒณใ‚‚ใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใฏ้ธๆŠžใงใฏใชใๅฟ…้ ˆใจใชใฃใฆใ„ใพใ™ใ€‚


    ใใฎๆŽˆๆฅญใงไฝฟ็”จใ—ใŸใƒˆใƒผใ‚ฏใƒณใ‚นใ‚ฟใ‚ธใ‚ชใ‚‚ใ“ใ‚Œใซๅˆใ‚ใ›ใฆ1.0ใƒใƒผใ‚ธใƒงใƒณ -> 2.0ใƒใƒผใ‚ธใƒงใƒณใงๅคง่ฆๆจกใชใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใŒ่กŒใ‚ใ‚Œใ€ใใ‚Œใซไผดใ†UIใจไฝฟ็”จๆ–นๆณ•ใ‚‚ๅฐ‘ใ—ใšใคๅค‰ๆ›ดใ•ใ‚Œใพใ—ใŸใ€‚


    ๆœ€ๅคงใฎไธๅฟซๆ„Ÿใฏ

    ใƒฉใ‚คใƒˆใƒขใƒผใƒ‰ใจใƒ€ใƒผใ‚ฏใƒขใƒผใƒ‰ใฎใ‚ซใƒฉใƒผใƒˆใƒฉใƒณใ‚ธใ‚ทใƒงใƒณใŒไปŠๅพŒใฏใ€ใ‚ซใƒฉใƒผใ‚’ใƒขใƒผใƒ‰ๅˆฅใซ็›ดๆŽฅใ‚จใ‚ฏใ‚นใƒใƒผใƒˆใ—ใฆ็ขบ่ชใ™ใ‚‹ๅฟ…่ฆใŒใ‚ใ‚Šใพใ™๐Ÿฅน

    ใ‚ใ‹ใ‚Šใ‚„ใ™ใใ‚ปใ‚ฏใ‚ทใƒงใƒณ15ใƒ‘ใƒผใƒˆใซๆ˜ ๅƒใง้Œฒ้Ÿณใ—ใฆใฟใพใ—ใŸใ€‚
    ๅฟ…่ฆใชๆ–นใฏๅ‚่€ƒใซใ—ใฆใ„ใŸใ ใ‘ใ‚Œใฐๅนธใ„ใงใ™ใ€‚

    ่ฌ›็พฉใ‚’ๅˆใ‚ใฆๅ—่ฌ›ใ™ใ‚‹ๆ–นใŒใ„ใ‚‰ใฃใ—ใ‚ƒใ‚‹ๆ–นใฏใ€ใ‚ปใ‚ฏใ‚ทใƒงใƒณ15ใƒ‘ใƒผใƒˆใ‚’ๅ…ˆใซๅ—่ฌ›ใ—ใฆใใ ใ•ใ„ใ€‚

     

    ใใ—ใฆใ‚ทใ‚นใƒ†ใƒ ่ฌ›็พฉใงใฏใชใใƒ”ใ‚ฐใƒžใƒ„ใƒผใƒซ่‡ชไฝ“ใฎ่ฌ›็พฉใ‚‚ๅ•ใ„ๅˆใ‚ใ›ใŒใŸใใ•ใ‚“ๅ…ฅใฃใฆใ„ใฆใ€
    ใƒ”ใ‚ฐใƒžใฎๆ–ฐๆฉŸ่ƒฝใŒๅฎ‰ๅฎš็š„ใซๅคš้…ๅธƒใ•ใ‚ŒใŸๆ™‚็‚นใง๏ผˆ็พๅœจใฏไธ€้ƒจใฎๆฉŸ่ƒฝใฎใฟๆไพ›ใ•ใ‚Œใฆใ„ใ‚‹็Šถๆ…‹๏ผ‰ใ€ใƒ”ใ‚ฐใƒžใฎใ™ในใฆใฎๆฉŸ่ƒฝใ‚’่ชฌๆ˜Žใ—ใ€ๅŸบ็คŽใ‹ใ‚‰ๆทฑๅŒ–ใพใงๅซใ‚€ใƒ”ใ‚ฐใƒž่ฌ›็พฉใ‚’ไผ็”ปไธญใงใ™ใ€‚

    ใใฎๅนดใฎ็ต‚ใ‚ใ‚ŠใซๆฉŸ่ƒฝใŒใ™ในใฆๅ…ฅใฃใฆใใ‚‹ใจไบˆๆƒณใ—ใ€ไปŠๅนดใฎ่ฌ›็พฉใ‚’็›ฎๆŒ‡ใ—ใฆใ„ใพใ™ใŒใ€ไธ€้ƒจใฎๆฉŸ่ƒฝใŒๆญฃใ—ใ้ฉ็”จใ•ใ‚Œใ€้…ๅธƒใ•ใ‚Œใฆใ„ใชใ„็Šถๆ…‹ใงใ‚ใ‚Œใฐ้…ใ‚Œใ‚‹ใ“ใจใŒไบˆๆƒณใ•ใ‚Œใพใ™ใ€‚

     

    ๅŸบ็คŽ - ใƒ”ใ‚ฐใƒžใฎๅŸบๆœฌๆฉŸ่ƒฝใจใƒ„ใƒผใƒซใฎไฝฟใ„ๆ–นใ€etc...

    ๆทฑๅŒ– - ใ‚ณใƒณใƒใƒผใƒใƒณใƒˆไธญๅฟƒใฎใƒ‡ใ‚ถใ‚คใƒณใ€้–‹็™บ่€…ใŒ่ฆ‹ใ‚‹ใƒ‡ใ‚ถใ‚คใƒณใ€ใƒ—ใƒญใƒˆใ‚ฟใ‚คใƒ—ใฎ้ซ˜ๅบฆๅŒ–ใ€ใƒˆใƒผใ‚ฏใƒณใฎไฝฟ็”จใจใƒกใƒณใƒ†ใƒŠใƒณใ‚นใ€etc...

     

    ใ‚ใ‚ŠใŒใจใ†:)

    1
  • kindtiger๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ใ“ใ‚“ใซใกใฏๅ—่ฌ›็”Ÿใฎ็š†ใ•ใ‚“:)

    ็งใŒใƒ‡ใ‚ถใ‚คใƒณใ‚ทใ‚นใƒ†ใƒ ใฎใ‚ชใƒ•ใƒฉใ‚คใƒณใƒฌใƒƒใ‚นใƒณใ‚’ใ™ใ‚‹ใจใใซๆœฌๅฝ“ใซ่žใใ“ใจใŒใงใใ‚‹่ณชๅ•ใฎ1ใคใŒใ€Œใ ใ‹ใ‚‰ใ€ใ“ใฎใƒˆใƒผใ‚ฏใƒณใฏFitHubใซ่ผ‰ใ›ใ‚Œใฐไฝ•ใŒใ„ใ„ใฎใงใ—ใ‚‡ใ†ใ‹๏ผŸใ€ใงใ™ใ€‚

    ใƒ‡ใ‚ถใ‚คใƒณใ‚ทใ‚นใƒ†ใƒ ใ‚’ๆง‹็ฏ‰ใ—ใ€ใƒ‡ใ‚ถใ‚คใƒณใƒˆใƒผใ‚ฏใƒณใ‚’ใƒ•ใƒฉใƒƒใ‚ฐใƒใƒ–ใซใƒ—ใƒƒใ‚ทใƒฅใ™ใ‚‹ใพใงใ€ใƒˆใƒผใ‚ฏใƒณใŒ้–‹็™บ่€…ใฎๆ‰‹ใซๆธกใฃใฆใฉใฎใ‚ˆใ†ใซไฝœๆฅญใŒๆฅฝใซใชใ‚‹ใ‹ใ‚’็ฐกๅ˜ใชๆ˜ ๅƒใงๅˆถไฝœใ—ใฆใฟใพใ—ใŸใ€‚

    ใƒ‡ใ‚ถใ‚คใƒณใƒˆใƒผใ‚ฏใƒณใ‚’ๅŠ ๅทฅใ™ใ‚‹ใฎใฏ้–‹็™บ่€…ใฎๅˆ†ใ‘ๅ‰ใชใฎใงใ€ใใฎ้ƒจๅˆ†ใพใงๆ˜ ๅƒใซ่พผใ‚ใ‚‰ใ‚Œใฆใ„ใชใ„ใŒใ€ใฉใฎใ‚ˆใ†ใซๆดป็”จใ•ใ‚Œใ‚ตใƒผใƒ“ใ‚นใซๅๆ˜ ใ•ใ‚Œใ‚‹ใ‹ใ‚’็ขบ่ชใ—ใฆใฟใ‚‹ใ“ใจใŒใงใใ‚‹ๆ˜ ๅƒใชใฎใงใ€ใƒ‡ใ‚ถใ‚คใƒณใƒˆใƒผใ‚ฏใƒณใ‚’ๅ…จ้ƒจไฝœใฃใŸๆ–นใชใ‚‰ใœใฒไธ€ๅบฆ่ฆ‹ใฆใฟใ‚‹ใจๅฝนใซ็ซ‹ใกใใ†ใงใ™:)

     

     

    1
  • kindtiger๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ใ“ใ‚“ใซใกใฏๅ—่ฌ›็”Ÿใฎ็š†ใ•ใ‚“ :)

    ใƒ”ใ‚ฐใƒžใƒˆใƒผใ‚ฏใƒณใ‚’ไป–ใฎใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆใงใ‚‚ไฝฟ็”จใงใใ‚‹ๆ–นๆณ•ใซใคใ„ใฆๆ˜ ๅƒใ‚’ๆ’ฎๅฝฑใ—ใพใ—ใŸใ€‚

    ใ‚จใ‚ฏใ‚นใƒใƒผใƒˆใจใ‚คใƒณใƒใƒผใƒˆใ‚’้€šใ˜ใฆใ€ไป–ใฎใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆใงใ‚‚ไฝœๆฅญใ—ใŸใƒˆใƒผใ‚ฏใƒณใ‚’็€ๅฎŸใซ้ฉ็”จใ—ใฆใฟใฆใใ ใ•ใ„ใ€‚

    1

๏ฟฅ5,602