{"id":65517,"date":"2026-07-06T11:00:00","date_gmt":"2026-07-06T02:00:00","guid":{"rendered":"https:\/\/designcompass.org\/?p=65517"},"modified":"2026-07-06T07:45:26","modified_gmt":"2026-07-05T22:45:26","slug":"meta-open-sources-astryx-design-system","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2026\/07\/06\/meta-open-sources-astryx-design-system\/","title":{"rendered":"\uba54\ud0c0 AI \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c &#8216;Astryx&#8217; \uc624\ud508\uc18c\uc2a4\ub85c \uacf5\uac1c"},"content":{"rendered":"<p class=\"wp-block-paragraph\">\uba54\ud0c0\uac00 \ub0b4\ubd80\uc5d0\uc11c \uc0ac\uc6a9\ud574 \uc628 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c <strong>Astryx<\/strong>\ub97c \uc624\ud508\uc18c\uc2a4\ub85c \uacf5\uac1c\ud588\uc2b5\ub2c8\ub2e4. Astryx\ub294 \uc9c0\ub09c 8\ub144 \ub3d9\uc548 \uba54\ud0c0 \ub0b4\ubd80\uc5d0\uc11c \ubc1c\uc804\ud574 \uc654\uc73c\uba70, \ud604\uc7ac 1\ub9cc 3\ucc9c \uac1c \uc774\uc0c1\uc758 \uc0ac\ub0b4 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0 \uc0ac\uc6a9\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \uacf5\uac1c\ub294 \ubca0\ud0c0 \ubc84\uc804\uc73c\ub85c \uc9c4\ud589\ub418\uba70 \ub204\uad6c\ub098 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Astryx\ub294 React\uc640 StyleX\ub97c \uae30\ubc18\uc73c\ub85c \uc81c\uc791\ub410\uc2b5\ub2c8\ub2e4. 150\uac1c \uc774\uc0c1\uc758 \uc811\uadfc\uc131\uc744 \uc9c0\uc6d0\ud558\ub294 UI \ucef4\ud3ec\ub10c\ud2b8\uc640 \ub2e4\ud06c \ubaa8\ub4dc, \ub514\uc790\uc778 \ud1a0\ud070, \ube0c\ub79c\ub4dc \ud14c\ub9c8, \ud398\uc774\uc9c0 \ud15c\ud50c\ub9bf, CLI\ub97c \ud568\uaed8 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uae30\uc874 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\ucc98\ub7fc \ud2b9\uc815 \ube0c\ub79c\ub4dc \uc2a4\ud0c0\uc77c\uc744 \uac15\uc81c\ud558\uc9c0 \uc54a\uace0, \uc0c9\uc0c1\uacfc \ud0c0\uc774\ud3ec\uadf8\ub798\ud53c, \ubaa8\uc158, \ubaa8\uc11c\ub9ac \ubc18\uacbd \ub4f1 \ud1a0\ud070\ub9cc \ubcc0\uacbd\ud558\uba74 \uc790\uccb4 \ube0c\ub79c\ub4dc\uc5d0 \ub9de\uac8c \uc801\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \uc124\uacc4\ub410\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uac00\uc7a5 \ud070 \ud2b9\uc9d5\uc740 AI\ub97c \uace0\ub824\ud574 \uc124\uacc4\ub410\ub2e4\ub294 \uc810\uc785\ub2c8\ub2e4. \uba54\ud0c0\ub294 \uae30\uc874 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc774 \uc0ac\ub78c \uc911\uc2ec\uc73c\ub85c \ub9cc\ub4e4\uc5b4\uc84c\ub2e4\uba74 Astryx\ub294 AI \uc5d0\uc774\uc804\ud2b8\ub3c4 \uc774\ud574\ud558\uace0 \ud65c\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \ucc98\uc74c\ubd80\ud130 \uad6c\uc870\ub97c \uc124\uacc4\ud588\ub2e4\uace0 \uc124\uba85\ud588\uc2b5\ub2c8\ub2e4. CLI\uc640 MCP(Model Context Protocol) \uc11c\ubc84\ub97c \uc81c\uacf5\ud574 AI \ucf54\ub529 \ub3c4\uad6c\uac00 \ucef4\ud3ec\ub10c\ud2b8 \uad6c\uc870\uc640 \uc635\uc158\uc744 \uc9c1\uc811 \uc77d\uace0 UI\ub97c \uc0dd\uc131\ud558\uac70\ub098 \uc218\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc0ac\ub78c\uc774 \ubb38\uc11c\ub97c \ucc3e\ub294 \uacfc\uc815 \uc5c6\uc774 AI\uac00 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc744 \uadf8\ub300\ub85c \ud65c\uc6a9\ud558\ub294 \uac83\uc744 \ubaa9\ud45c\ub85c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ubc88 \uacf5\uac1c\ub294 AI \uc2dc\ub300\uc758 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c \ubc29\ud5a5\uc5d0\ub3c4 \uc601\ud5a5\uc744 \uc904 \uac00\ub2a5\uc131\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ucd5c\uadfc \uc5ec\ub7ec \uae30\uc5c5\uc774 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc5d0 MCP\ub098 AI \uc5f0\ub3d9 \uae30\ub2a5\uc744 \ucd94\uac00\ud558\uace0 \uc788\uc9c0\ub9cc, \ub300\ubd80\ubd84 \uae30\uc874 \uc2dc\uc2a4\ud15c\uc744 \ud655\uc7a5\ud558\ub294 \ubc29\uc2dd\uc774\uc5c8\uc2b5\ub2c8\ub2e4. \ubc18\uba74 Astryx\ub294 \ucc98\uc74c\ubd80\ud130 AI \ud65c\uc6a9\uc744 \uc804\uc81c\ub85c \uc124\uacc4\ub410\ub2e4\ub294 \uc810\uc5d0\uc11c \ucc28\uc774\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc55e\uc73c\ub85c AI\ub97c \ud65c\uc6a9\ud55c \ud504\ub85c\ub355\ud2b8 \uc81c\uc791 \uacfc\uc815\uc5d0\uc11c\ub294 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc774 \ub2e8\uc21c\ud55c UI \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ub118\uc5b4 AI\uac00 \uc774\ud574\ud558\ub294 \uc81c\ud488 \uaddc\uce59 \uc5ed\ud560\uae4c\uc9c0 \ub2f4\ub2f9\ud558\ub294 \uc0ac\ub840\uac00 \ub298\uc5b4\ub0a0 \uac83\uc73c\ub85c \ubcf4\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/01_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.35-819x1024.jpg\" alt=\"\" class=\"wp-image-65519\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/01_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.35-819x1024.jpg 819w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/01_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.35-240x300.jpg 240w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/01_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.35-768x960.jpg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/01_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.35-1229x1536.jpg 1229w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/01_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.35-1638x2048.jpg 1638w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/01_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.35-1320x1650.jpg 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/01_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.35-600x750.jpg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/01_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.35-scaled.jpg 2048w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/02_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.42-819x1024.jpg\" alt=\"\" class=\"wp-image-65520\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/02_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.42-819x1024.jpg 819w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/02_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.42-240x300.jpg 240w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/02_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.42-768x960.jpg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/02_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.42-1229x1536.jpg 1229w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/02_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.42-1638x2048.jpg 1638w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/02_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.42-1320x1650.jpg 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/02_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.42-600x750.jpg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/02_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.42-scaled.jpg 2048w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/03_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.27-819x1024.jpg\" alt=\"\" class=\"wp-image-65521\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/03_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.27-819x1024.jpg 819w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/03_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.27-240x300.jpg 240w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/03_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.27-768x960.jpg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/03_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.27-1229x1536.jpg 1229w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/03_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.27-1638x2048.jpg 1638w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/03_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.27-1320x1650.jpg 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/03_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.27-600x750.jpg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/03_\uc2a4\ud06c\ub9b0\uc0f7-2026-07-06-\uc624\uc804-7.40.27-scaled.jpg 2048w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>More and Sources<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/astryx.atmeta.com\/blog\/introducing-astryx\">https:\/\/astryx.atmeta.com\/blog\/introducing-astryx<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>\uba54\ud0c0\uac00 \ub0b4\ubd80\uc5d0\uc11c \uc0ac\uc6a9\ud574 \uc628 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c Astryx\ub97c \uc624\ud508\uc18c\uc2a4\ub85c \uacf5\uac1c\ud588\uc2b5\ub2c8\ub2e4. Astryx\ub294 \uc9c0\ub09c 8\ub144 \ub3d9\uc548 \uba54\ud0c0 \ub0b4\ubd80\uc5d0\uc11c \ubc1c\uc804\ud574 \uc654\uc73c\uba70, \ud604\uc7ac 1\ub9cc 3\ucc9c \uac1c \uc774\uc0c1\uc758 \uc0ac\ub0b4 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0 \uc0ac\uc6a9\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \uacf5\uac1c\ub294 \ubca0\ud0c0 \ubc84\uc804\uc73c\ub85c \uc9c4\ud589\ub418\uba70 \ub204\uad6c\ub098 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Astryx\ub294 React\uc640 StyleX\ub97c \uae30\ubc18\uc73c\ub85c \uc81c\uc791\ub410\uc2b5\ub2c8\ub2e4. 150\uac1c \uc774\uc0c1\uc758 \uc811\uadfc\uc131\uc744 \uc9c0\uc6d0\ud558\ub294 UI \ucef4\ud3ec\ub10c\ud2b8\uc640 \ub2e4\ud06c \ubaa8\ub4dc, \ub514\uc790\uc778 \ud1a0\ud070, \ube0c\ub79c\ub4dc \ud14c\ub9c8, \ud398\uc774\uc9c0 \ud15c\ud50c\ub9bf, CLI\ub97c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":65518,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[4,621],"tags":[],"class_list":["post-65517","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-service"],"acf":[],"jetpack_featured_media_url":"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/07\/05_Introducing-Astryx-by-Meta.jpg","publishpress_future_action":{"enabled":false,"date":"2026-08-10 16:52:54","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/65517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/comments?post=65517"}],"version-history":[{"count":2,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/65517\/revisions"}],"predecessor-version":[{"id":65523,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/65517\/revisions\/65523"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/65518"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=65517"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/categories?post=65517"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/tags?post=65517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}