{"id":4411,"date":"2024-04-15T02:02:43","date_gmt":"2024-04-14T18:02:43","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=4411"},"modified":"2024-04-15T02:02:43","modified_gmt":"2024-04-14T18:02:43","slug":"webflow-plugin-for-figma-integration","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/ko\/webflow-plugin-for-figma-integration\/","title":{"rendered":"Figma \ud1b5\ud569\uc744 \uc704\ud55c Webflow \ud50c\ub7ec\uadf8\uc778"},"content":{"rendered":"<div class=\"docs_rich-text w-richtext\">\n<h6><a href=\"https:\/\/www.figma.com\/file\/jOgEmnsAjEK586wlz8RD08\/Figma-to-Webflow-plugin-%E2%80%94%C2%A0Pocket-page-design?node-id=0%3A1&amp;t=DMuOjiYXEWLPayOs-1\">Figma \ud30c\uc77c \uc0b4\ud3b4\ubcf4\uae30<\/a> Hero \ubc0f navbar \uad6c\uc870\ub97c \uc790\uc138\ud788 \uc0b4\ud3b4\ubcf4\uc2ed\uc2dc\uc624.<\/h6>\n<blockquote><p><strong>\uc911\ub300\ud55c: <\/strong>\ub2f9\uc0ac \uace0\uac1d \uc9c0\uc6d0\ud300\uc740 \ud50c\ub7ec\uadf8\uc778\uc5d0 \ub300\ud574 \uc9c1\uc811\uc801\uc778 \uc9c0\uc6d0\uc744 \uc81c\uacf5\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. \ubaa8\ub4e0 \ubb38\uc758 \uc0ac\ud56d\uc774\ub098 \uc81c\uc548 \uc0ac\ud56d\uc740 \ub2e4\uc74c \ub2f4\ub2f9\uc790\uc5d0\uac8c \ubb38\uc758\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4. <a href=\"https:\/\/webflow.circle.so\/join?invitation_token=99795801d4a6c427c3be0dd47508453032522f6c-f23ea5a4-2917-491b-8e75-37a2484e8630\" target=\"_blank\" rel=\"noopener\">Webflow \uc5f0\uad6c\uc18c \ucee4\ubba4\ub2c8\ud2f0<\/a> \uc804\uccb4 Webflow \ucee4\ubba4\ub2c8\ud2f0(\uc9c1\uc6d0 \ud3ec\ud568)\uac00 \ucd94\uac00 \uc9c0\uc6d0\uacfc \uc790\uc6d0\uc744 \uc81c\uacf5\ud560 \uc218 \uc788\ub294 \uacf3\uc785\ub2c8\ub2e4.<\/p><\/blockquote>\n<p>Figma\uc5d0\uc11c \ucd08\uae30 \uc0ac\uc774\ud2b8 \uccad\uc0ac\uc9c4\uc744 \uc0dd\uc131\ud55c \ub2e4\uc74c \uc774\ub97c Webflow \uc0ac\uc774\ud2b8 \uad6c\ucd95\uc744 \uc704\ud55c \ub85c\ub4dc\ub9f5\uc73c\ub85c \ud65c\uc6a9\ud558\uc2dc\uaca0\uc2b5\ub2c8\uae4c? \uc774\uc81c \uac01 \uc694\uc18c\ub97c \ud798\ub4e4\uac8c \ub2e4\uc2dc \ub9cc\ub4e4 \ud544\uc694 \uc5c6\uc774 Figma \ub514\uc790\uc778\uc744 Webflow\uc5d0 \uc6d0\ud65c\ud558\uac8c \ubd99\uc5ec\ub123\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c Figma to Webflow \uc571\uc744 \ud65c\uc6a9\ud558\uc5ec Figma \uad6c\uc131 \uc694\uc18c \ubc0f \ubcc0\uc218\ub97c Webflow \uc0ac\uc774\ud2b8\uc640 \ub3d9\uae30\ud654\ud558\uc5ec \uac04\ub2e8\ud55c \ud074\ub9ad\ub9cc\uc73c\ub85c \uc989\uc2dc \uc5c5\ub370\uc774\ud2b8\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h6><strong>\uba54\ubaa8:<\/strong> Figma to Webflow \ud50c\ub7ec\uadf8\uc778\uc740 \ub0b4\ubd80 \ud06c\ub9ac\uc5d0\uc774\ud2f0\ube0c \ud300\uc778 Webflow Labs\uc5d0\uc11c \uac1c\ubc1c\ud558\uace0 \ucd9c\uc2dc\ud588\uc2b5\ub2c8\ub2e4. Webflow Labs\uc5d0\uc11c \uc18c\uac1c\ud55c \uc81c\ud488\uc740 \ud45c\uc900 \ucc44\ub110\uc744 \ud1b5\ud55c \uc9c0\uc6d0\uc774 \uc81c\ud55c\ub418\uc5b4 \uc788\uc73c\uba70 \uc2e4\ud5d8\uc801\uc73c\ub85c \uc124\uacc4\ub418\uc5c8\uc73c\ubbc0\ub85c \uae30\ub2a5\uc774 \ubc1c\uc804\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud50c\ub7ec\uadf8\uc778\uc740 \uc5b8\uc81c\ub4e0\uc9c0 \uc81c\uac70\ub420 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uadc0\ud558\uc758 \uc7ac\ub7c9\uc5d0 \ub530\ub77c \uc0ac\uc6a9\ud558\uc2ed\uc2dc\uc624. \uc6b0\ub9ac\ub294 \ub2f9\uc2e0\uc744 \uac04\uc808\ud788 \uae30\ub2e4\ub9ac\uace0 \uc788\uc2b5\ub2c8\ub2e4 <a href=\"https:\/\/webflow.circle.so\/join?invitation_token=4c38c2fc32a0bbc5b16c5067702d31ff337ab631-6a441307-9914-455b-bcf1-f44d65a5de71\" target=\"_blank\" rel=\"noopener\">\uc5ec\uae30\uc5d0\uc11c \uc0dd\uac01, \uc758\uacac, \ud53c\ub4dc\ubc31\uc744 \ud655\uc778\ud558\uc138\uc694.<\/a>.<\/h6>\n<p>\uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc5d0\uc11c\ub294 \ub2e4\uc74c\uc5d0 \ub300\ud55c \ud1b5\ucc30\ub825\uc744 \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<ol role=\"list\">\n<li>Figma\uc5d0\uc11c Webflow \ud50c\ub7ec\uadf8\uc778\uc5d0 \ub300\ud55c \uc774\ud574<\/li>\n<li>Figma\ub97c Webflow \ud50c\ub7ec\uadf8\uc778\uc5d0 \uc124\uce58\ud558\uace0 \uc778\uc99d\ud558\ub294 \uacfc\uc815<\/li>\n<li>Figma\ub97c Webflow \ud50c\ub7ec\uadf8\uc778\uc73c\ub85c \ud65c\uc6a9\ud558\ub294 \ubc29\ubc95<\/li>\n<li>\ud50c\ub7ec\uadf8\uc778 \uae30\ub2a5 \uc774\ud574<\/li>\n<li>Figma\uc5d0\uc11c Webflow \ud50c\ub7ec\uadf8\uc778 \uc81c\uac70<\/li>\n<li>\ud50c\ub7ec\uadf8\uc778 \ubb38\uc81c \ud574\uacb0 \uac00\uc774\ub4dc<\/li>\n<li>\ud50c\ub7ec\uadf8\uc778\uc5d0 \ub300\ud55c \ud53c\ub4dc\ubc31 \uacf5\uc720<\/li>\n<\/ol>\n<h2>Figma to Webflow \ud50c\ub7ec\uadf8\uc778\uc758 \uae30\ub2a5\uc740 \ubb34\uc5c7\uc785\ub2c8\uae4c?<\/h2>\n<p>\uc774 \ud50c\ub7ec\uadf8\uc778\uc740 Figma \ub808\uc774\uc5b4\ub97c \ud574\ub2f9 HTML \ubc0f CSS \ucf54\ub4dc\ub85c \ubcc0\ud658\ud569\ub2c8\ub2e4. \uc774\ub294 \uc0ac\uc774\ud2b8\ub97c \uc2dc\uac01\uc801\uc73c\ub85c \ub514\uc790\uc778\ud560 \ub54c Webflow\uc5d0\uc11c \uc0dd\uc131\ub41c \ucf54\ub4dc\uc785\ub2c8\ub2e4.<\/p>\n<p>\ud50c\ub7ec\uadf8\uc778\uc5d0\uc11c \uc9c0\uc6d0\ud558\ub294 \ud604\uc7ac \ubc88\uc5ed\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<ul role=\"list\">\n<li><a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/5731482952599-Using-auto-layout\" target=\"_blank\" rel=\"noopener\">\uc790\ub3d9 \ub808\uc774\uc544\uc6c3<\/a><\/li>\n<li>\ud0c0\uc774\ud3ec\uadf8\ub798\ud53c \uc2a4\ud0c0\uc77c<\/li>\n<li>\ud14c\ub450\ub9ac \uc2a4\ud0c0\uc77c<\/li>\n<li>\uadf8\ub9bc\uc790 \uc2a4\ud0c0\uc77c<\/li>\n<li>\ubc30\uacbd \uc774\ubbf8\uc9c0 \ubc0f \uc120\ud615 \uadf8\ub77c\ub370\uc774\uc158<\/li>\n<li>\ubca1\ud130 \ubc0f \ubaa8\uc591\uc744 SVG\ub85c \ubcc0\ud658<\/li>\n<li>\uc774\ubbf8\uc9c0<\/li>\n<li>\ubd88\ud22c\uba85<\/li>\n<li>\uc808\ub300 \uc704\uce58 \uc9c0\uc815<\/li>\n<\/ul>\n<h6><strong>\uba54\ubaa8:<\/strong> Figma\ub294 \uc804\uc6a9 \uc6f9 \uc81c\uc791 \ub3c4\uad6c\uac00 \uc544\ub2c8\uae30 \ub54c\ubb38\uc5d0 \uc77c\ubd80 \ubc88\uc5ed\uc774 \uc9c0\uc6d0\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/h6>\n<h6><strong>\uba54\ubaa8: <\/strong>Figma to Webflow \ud50c\ub7ec\uadf8\uc778\uc740 \ud604\uc7ac Safari \ube0c\ub77c\uc6b0\uc800\uc758 Figma\uc640 \ud638\ud658\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. Chrome \ub610\ub294 Figma \ub370\uc2a4\ud06c\ud1b1 \uc571\uc744 \ud65c\uc6a9\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/h6>\n<h2>Figma\ub97c Webflow \ud50c\ub7ec\uadf8\uc778\uc5d0 \uc124\uce58\ud558\uace0 \uc778\uc99d\ud558\ub294 \ubc29\ubc95<\/h2>\n<p>Figma\uc5d0\uc11c Webflow \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud558\ub824\uba74 \uba3c\uc800 \ub2e4\uc74c\uc744 \uc218\ud589\ud574\uc57c \ud569\ub2c8\ub2e4. <a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360039811114\" target=\"_blank\" rel=\"noopener\">Figma \uacc4\uc815 \ub4f1\ub85d<\/a>. \uc644\ub8cc\ub418\uba74 \ud50c\ub7ec\uadf8\uc778 \uc124\uce58\ub97c \uc704\ud574 \ub2e4\uc74c \ub2e8\uacc4\ub97c \ub530\ub974\uc2ed\uc2dc\uc624.<\/p>\n<ol role=\"list\">\n<li>\ubc29\ubb38\ud558\ub2e4 <a href=\"https:\/\/www.figma.com\/community\/plugin\/1164923964214525039\" target=\"_blank\" rel=\"noopener\">Figma\uc5d0\uc11c Webflow \ud50c\ub7ec\uadf8\uc778 \ud398\uc774\uc9c0\ub85c<\/a><\/li>\n<li>\ud074\ub9ad <strong>\ub2e4\uc74c\uc5d0\uc11c \uc5f4\ub2e4\u2026<\/strong> \uc0c8\ub85c\uc6b4 Figma \ub514\uc790\uc778 \ud30c\uc77c\uc5d0 \uc561\uc138\uc2a4\ud558\uace0 \ud50c\ub7ec\uadf8\uc778 \ubaa8\ub2ec \ucc3d\uc744 \uc5f4\ub824\uba74<\/li>\n<li>\uc120\ud0dd\ud558\ub2e4 <strong>\ub2ec\ub9ac\ub2e4<\/strong> \ud50c\ub7ec\uadf8\uc778 \ubaa8\ub2ec \ucc3d \ub0b4\uc5d0\uc11c<\/li>\n<li>\ub538\uae4d \ud558\ub294 \uc18c\ub9ac <strong>\uacc4\uc815 \uc5f0\uacb0<\/strong><\/li>\n<\/ol>\n<figure class=\"w-richtext-align-fullwidth w-richtext-figure-type-image\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/65f320efd97c9aff9d5b32ae_0120plugin20page.webp\" loading=\"lazy\" title=\"65f320efd97c9aff9d5b32ae_0120plugin20\ud398\uc774\uc9c0\"><\/div>\n<\/figure>\n<p>\uc544\uc9c1 Webflow\uc5d0 \ub85c\uadf8\uc778\ud558\uc9c0 \uc54a\uc740 \uacbd\uc6b0 Webflow \uc790\uaca9 \uc99d\uba85\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub85c\uadf8\uc778\ud558\ub77c\ub294 \uba54\uc2dc\uc9c0\ub97c \ud45c\uc2dc\ud558\ub294 \uc0c8 \ube0c\ub77c\uc6b0\uc800 \ud0ed\uc774 \uc5f4\ub9bd\ub2c8\ub2e4. \uadf8\ub7ec\uba74 Webflow \uacc4\uc815\uc73c\ub85c \ud50c\ub7ec\uadf8\uc778\uc744 \uc2b9\uc778\ud558\uace0 \ud574\ub2f9 \uae30\ub2a5\uc5d0 \uc561\uc138\uc2a4\ud560 \uc218 \uc788\ub294 \uc571 \uc2b9\uc778 \ud398\uc774\uc9c0\ub85c \uc774\ub3d9\ud558\uac8c \ub429\ub2c8\ub2e4.<\/p>\n<p>\ud50c\ub7ec\uadf8\uc778\uc744 \uc2b9\uc778\ud558\ub824\ub294 \ubaa8\ub4e0 \uc0ac\uc774\ud2b8\uc640 \uc791\uc5c5\uacf5\uac04(\uc989, Figma \ub514\uc790\uc778\uc744 \ubd99\uc5ec\ub123\uc73c\ub824\ub294 \ubaa8\ub4e0 \uc0ac\uc774\ud2b8)\uc744 \uc120\ud0dd\ud558\uc138\uc694. \ub9c8\uc9c0\ub9c9\uc73c\ub85c \ub2e4\uc74c\uc744 \ud074\ub9ad\ud558\uc138\uc694. <strong>\uc571 \uc2b9\uc778<\/strong> \uc571 \uc778\uc99d \ud398\uc774\uc9c0\uc5d0\uc11c<\/p>\n<blockquote><p><strong>\uc911\ub300\ud55c: <\/strong>Figma\uc5d0\uc11c Webflow\ub85c \uc124\uacc4\ub97c \uc815\ud655\ud558\uac8c \uc804\uc1a1\ud558\ub824\uba74 \uc62c\ubc14\ub978 \uc0ac\uc774\ud2b8\ub97c \uc120\ud0dd\ud588\ub294\uc9c0 \ud655\uc778\ud558\uc2ed\uc2dc\uc624. \ud2b9\uc815 \uc0ac\uc774\ud2b8\uc5d0 \ub300\ud55c \ud50c\ub7ec\uadf8\uc778 \uc2b9\uc778\uc744 \uc78a\uc5b4\ubc84\ub9b0 \uacbd\uc6b0 \uc9c0\uce68\uc5d0 \ub530\ub77c \uc0c8 \uc0ac\uc774\ud2b8\uc5d0 \ub300\ud55c \ud50c\ub7ec\uadf8\uc778\uc744 \uc2b9\uc778\ud558\uc138\uc694.<\/p><\/blockquote>\n<p>\ud2b9\uc815 \uc0ac\uc774\ud2b8\uc5d0 \ub300\ud55c \ud50c\ub7ec\uadf8\uc778\uc744 \uc2b9\uc778\ud558\uba74 \ud574\ub2f9 \uc0ac\uc774\ud2b8\uc758 \uc124\uc815\uc5d0\uc11c\ub9cc \ud50c\ub7ec\uadf8\uc778\uc744 \uc81c\uac70\ud560 \uc218 \uc788\ub2e4\ub294 \uc810\uc744 \uae30\uc5b5\ud558\uc138\uc694. \ubc18\uba74\uc5d0 \uc791\uc5c5\uacf5\uac04\uc5d0 \ub300\ud55c \ud50c\ub7ec\uadf8\uc778\uc744 \uc2b9\uc778\ud558\uba74 \ud574\ub2f9 \ud50c\ub7ec\uadf8\uc778\uc774 \uadc0\ud558\uc758 \uacc4\uc815\uc5d0\uc11c \uc81c\uac70\ub429\ub2c8\ub2e4. <strong>\uc791\uc5c5\uacf5\uac04 \uc124\uc815<\/strong>. \ud50c\ub7ec\uadf8\uc778 \uc81c\uac70\uc5d0 \ub300\ud55c \uc790\uc138\ud55c \ub0b4\uc6a9\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h6><strong>\uba54\ubaa8:<\/strong> \uc774 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uc2b9\uc778\ud568\uc73c\ub85c\uc368 \uadc0\ud558\ub294 \ub2e4\uc74c \uc0ac\ud56d\uc5d0 \ub3d9\uc758\ud558\uac8c \ub429\ub2c8\ub2e4. <a href=\"https:\/\/webflow.com\/legal\/labs-terms\">Webflow \uc5f0\uad6c\uc18c \uc11c\ube44\uc2a4 \uc57d\uad00 <\/a>\uadf8\ub9ac\uace0 <a href=\"https:\/\/webflow.com\/legal\/privacy\">\uac1c\uc778 \uc815\ubcf4 \uc815\ucc45<\/a>.<\/h6>\n<figure class=\"w-richtext-align-fullwidth w-richtext-figure-type-image\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/65f3235b91f35569cf06fc4b_0520authorize.webp\" loading=\"lazy\" title=\"65f3235b91f35569cf06fc4b_0520\uc2b9\uc778\"><\/div>\n<\/figure>\n<h3>\ud50c\ub7ec\uadf8\uc778 \uc778\uc99d\uc5d0\uc11c \uc0ac\uc774\ud2b8 \ucd94\uac00 \ub610\ub294 \uc81c\uac70<\/h3>\n<p>\uc0c8 \uc0ac\uc774\ud2b8\uc5d0 \ud50c\ub7ec\uadf8\uc778 \uc2b9\uc778\uc744 \ucd94\uac00\ud558\uac70\ub098 \uae30\uc874 \uc0ac\uc774\ud2b8\uc5d0\uc11c \ud50c\ub7ec\uadf8\uc778 \uc2b9\uc778\uc744 \ucde8\uc18c\ud558\ub824\uba74 \ub2e4\uc74c \ub2e8\uacc4\ub97c \ub530\ub974\uc138\uc694.<\/p>\n<ol role=\"list\">\n<li>\ud50c\ub7ec\uadf8\uc778 \ubaa8\ub2ec \ucc3d\uc5d0\uc11c &quot;\ud584\ubc84\uac70 \uba54\ub274&quot;\uc5d0 \uc561\uc138\uc2a4\ud569\ub2c8\ub2e4.<\/li>\n<li>\uc120\ud0dd\ud558\ub2e4 <strong>\ub85c\uadf8 \uc544\uc6c3<\/strong><\/li>\n<li>\ud50c\ub7ec\uadf8\uc778 \ubaa8\ub2ec\uc758 \uc9c0\uce68\uc744 \ub530\ub77c \uc9c4\ud589\ud558\uc138\uc694.<\/li>\n<li>\ub538\uae4d \ud558\ub294 \uc18c\ub9ac <strong>\uacc4\uc815 \uc5f0\uacb0<\/strong><\/li>\n<li>\ud50c\ub7ec\uadf8\uc778 \uc778\uc99d\uc744 \ucd94\uac00\ud558\uac70\ub098 \uc81c\uac70\ud558\ub824\ub294 \uc0ac\uc774\ud2b8\ub97c \uc120\ud0dd\ud558\uc138\uc694<\/li>\n<\/ol>\n<h6><strong>\uba54\ubaa8: <\/strong>\ud50c\ub7ec\uadf8\uc778\uc5d0\uc11c \ub85c\uadf8\uc544\uc6c3\ud558\uba74 \uc774\uc804\uc5d0 \uc2b9\uc778\ub41c \ubaa8\ub4e0 \uc0ac\uc774\ud2b8 \ubc0f \uc791\uc5c5\uacf5\uac04\uc5d0\uc11c \ud574\ub2f9 \ud50c\ub7ec\uadf8\uc778\uc758 \uc2b9\uc778\uc774 \ucde8\uc18c\ub429\ub2c8\ub2e4. \ud50c\ub7ec\uadf8\uc778 \uc0ac\uc6a9\uc744 \uc7ac\uac1c\ud558\ub824\uba74 \uc0ac\uc774\ud2b8 \ub610\ub294 \uc791\uc5c5\uacf5\uac04\uc5d0 \ub300\ud55c \ud50c\ub7ec\uadf8\uc778\uc744 \ub2e4\uc2dc \uc778\uc99d\ud558\uc138\uc694.<\/h6>\n<h2>Figma to Webflow \ud50c\ub7ec\uadf8\uc778 \ud65c\uc6a9<\/h2>\n<p>\ud50c\ub7ec\uadf8\uc778 \uc0ac\uc6a9\uc744 \uc2dc\uc791\ud558\ub824\uba74 Figma\ub85c \ub3cc\uc544\uac00\uc11c \ub2e4\uc74c\uc744 \ud074\ub9ad\ud558\uc138\uc694. <strong>\uc2dc\uc791\ud558\uc790<\/strong> \ubaa8\ub2ec \ucc3d\uc5d0\uc11c. \uc5ec\uae30\uc5d0\uc11c \ub2e4\uc74c\uc744 \uc218\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<ul role=\"list\">\n<li>Figma\uc5d0\uc11c \ucc98\uc74c\ubd80\ud130 \ub514\uc790\uc778 \uc2dc\uc791<\/li>\n<li>Webflow \ud50c\ub7ec\uadf8\uc778 \ub808\uc774\uc544\uc6c3\uc5d0 Figma \uc0ac\uc6a9<\/li>\n<li>Webflow \ud50c\ub7ec\uadf8\uc778 \uad6c\uc870\uc5d0 Figma \ud65c\uc6a9<\/li>\n<li>\ubcf5\uc0ac-\ubd99\uc5ec\ub123\uae30\ub97c \uc0ac\uc6a9\ud558\uc5ec \ud14d\uc2a4\ud2b8 \ubc0f \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c \uc804\uc1a1<\/li>\n<\/ul>\n<figure class=\"w-richtext-align-fullwidth w-richtext-figure-type-image\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/65f323c85c33c57fc940f9e4_1020lets20start.webp\" loading=\"lazy\" title=\"65f323c85c33c57fc940f9e4_1020lets20start\"><\/div>\n<\/figure>\n<h3>Figma\uc5d0\uc11c \ucc98\uc74c\ubd80\ud130 \ub514\uc790\uc778\ud558\uae30<\/h3>\n<p>Figma\uc5d0\uc11c\ub294 \ucc98\uc74c\ubd80\ud130 \ub514\uc790\uc778\uc744 \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4(\uc989, \ud50c\ub7ec\uadf8\uc778\uc758 \uc0ac\uc804 \uad6c\ucd95\ub41c \ub808\uc774\uc544\uc6c3\uc774\ub098 \uad6c\uc870\ub97c \ud65c\uc6a9\ud558\uc9c0 \uc54a\uace0). \uc790\ub3d9 \ub808\uc774\uc544\uc6c3\uc744 \ud65c\uc6a9\ud558\uc138\uc694. \ubc18\uc751\ud615 \ub514\uc790\uc778\uc758 \uacbd\uc6b0 <a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360040451373-Explore-auto-layout-properties#direction\" target=\"_blank\" rel=\"noopener\">\ud3ec\uc7a5\ud558\ub2e4<\/a> \uadf8\ub9ac\uace0 <a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360040451373-Explore-auto-layout-properties#Minimum_and_maximum_dimensions\" target=\"_blank\" rel=\"noopener\">\ucd5c\uc18c\/\ucd5c\ub300 \ub108\ube44<\/a> \uc0c1\uc704 \ud504\ub808\uc784\uc5d0. \ubc18\uc751\ud615 Figma \ub514\uc790\uc778 \uc81c\uc791\uc5d0 \ub300\ud55c \ub354 \ub9ce\uc740 \ud1b5\ucc30\ub825\uc744 \ucc3e\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <a href=\"https:\/\/www.figma.com\/community\/file\/784448220678228461\/Figma-auto-layout-playground\" target=\"_blank\" rel=\"noopener\">\uc5ec\uae30<\/a>.<\/p>\n<p>\uc911\ucca9\ub41c \ud504\ub808\uc784\uc744 \ud3ec\ud568\ud55c \ubaa8\ub4e0 \ud504\ub808\uc784\uc774 \uc790\ub3d9 \ub808\uc774\uc544\uc6c3\uc744 \ud65c\uc6a9\ud558\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694. \ucd94\uac00\uc801\uc73c\ub85c \ud544\uc694\ud55c \uacbd\uc6b0,<a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360038665754-Detach-an-instance-from-the-component#:~:text=Select%20the%20Instance%20you%20wish,Detach%20Instance%20from%20the%20menu.\" target=\"_blank\" rel=\"noopener\">\ubcc4\ub3c4\uc758 \uad6c\uc131 \uc694\uc18c \uc778\uc2a4\ud134\uc2a4<\/a> Webflow\uc5d0\uc11c \uc124\uacc4\ub97c \uc218\uc815\ud560 \uc218 \uc788\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694. \ubc84\ud2bc\uc744 \ub20c\ub7ec \uc778\uc2a4\ud134\uc2a4\ub97c \ube60\ub974\uac8c \ubd84\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <strong>\uc635\uc158<\/strong> + <strong>\uba85\ub839<\/strong> + <strong>\ube44 <\/strong>(Mac\uc758 \uacbd\uc6b0) \ub610\ub294 <strong>\uc81c\uc5b4 <\/strong> + <strong>\ube44<\/strong> (\uc708\ub3c4\uc6b0\uc988\uc5d0\uc11c).<\/p>\n<h6><strong>\uc804\ubb38\uac00\ub97c \uc704\ud55c \ud301: <\/strong>\ud65c\uc6a9\ud558\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4 <strong>\uc635\uc158<\/strong> + <strong>\uba85\ub839<\/strong> + <strong>\uc528<\/strong> (Mac\uc758 \uacbd\uc6b0) \ub610\ub294 <strong>\uc81c\uc5b4<\/strong> + <strong>Alt<\/strong> + <strong>\uc528<\/strong> (Windows\uc758 \uacbd\uc6b0) \ub808\uc774\uc5b4 \uc18d\uc131\uc744 \ubcf5\uc81c\ud55c \ub2e4\uc74c \uc801\uc6a9\ud569\ub2c8\ub2e4. <strong>\uc635\uc158<\/strong> + <strong>\uba85\ub839<\/strong> + <strong>V<\/strong> (Mac\uc758 \uacbd\uc6b0) \ub610\ub294 <strong>\uc81c\uc5b4<\/strong> + <strong>Alt<\/strong> + <strong>V<\/strong> (Windows\uc758 \uacbd\uc6b0) \uc120\ud0dd\ud55c \ub2e4\ub978 \ub808\uc774\uc5b4\ub85c \uc804\uc1a1\ud569\ub2c8\ub2e4. \uc774 \ub2e8\ucd95\ud0a4\ub294 \ucc44\uc6b0\uae30, \ud68d \ubc0f \ud14d\uc2a4\ud2b8 \uc18d\uc131\uc744 \ubcf5\uc81c\ud558\ub294 \ub370 \uc720\uc6a9\ud569\ub2c8\ub2e4.<\/h6>\n<p>\uc790\ub3d9 \ub808\uc774\uc544\uc6c3\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub514\uc790\uc778\ud55c \ud6c4\uc5d0\ub294 \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc774\ub97c Webflow\ub85c \uc804\uc1a1\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<ol role=\"list\">\n<li><a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360040449873-Select-layers-and-objects\" target=\"_blank\" rel=\"noopener\">\uc120\ud0dd\ud558\ub2e4<\/a> Figma \uce94\ubc84\uc2a4\uc758 \ub514\uc790\uc778(\ubaa8\ub4e0 \ub808\uc774\uc5b4 \ud3ec\ud568)<\/li>\n<li>\ub514\uc790\uc778\uc744 \uc0bd\uc785\ud558\uace0 \uc2f6\uc740 Webflow \uc0ac\uc774\ud2b8\ub97c \uc120\ud0dd\ud558\uc138\uc694. <strong>Webflow \uc0ac\uc774\ud2b8 \uc120\ud0dd<\/strong> \ud50c\ub7ec\uadf8\uc778 \ubaa8\ub2ec \ucc3d\uc758 \ub4dc\ub86d\ub2e4\uc6b4<\/li>\n<li>\ub538\uae4d \ud558\ub294 \uc18c\ub9ac <strong>Webflow\uc5d0 \ubcf5\uc0ac<\/strong> Figma\uc5d0\uc11c Webflow \ud50c\ub7ec\uadf8\uc778 \ubaa8\ub2ec \ucc3d\uc73c\ub85c<\/li>\n<li>\ud50c\ub7ec\uadf8\uc778\uc5d0\uc11c \uba54\uc2dc\uc9c0\uac00 \ud45c\uc2dc\ub418\uba74 Webflow\ub85c \ubcf5\uc0ac\ub97c \ud655\uc778\ud558\uc138\uc694.<\/li>\n<li>\ubcc4\ub3c4\uc758 \ucc3d\uc5d0\uc11c Webflow Designer\ub97c \uc2e4\ud589\ud558\uc138\uc694.<\/li>\n<li>\ub514\uc790\uc778\uc744 Webflow Designer \uce94\ubc84\uc2a4\uc5d0 \ubd99\uc5ec\ub123\uae30<\/li>\n<\/ol>\n<h6><strong>\uc54c\ub9bc:<\/strong> Webflow \uc0ac\uc774\ud2b8\ub294 \ub2e4\uc74c\uc5d0\uc11c \ud55c \ubc88\ub9cc \uc120\ud0dd\ud558\uba74 \ub429\ub2c8\ub2e4. <strong>Webflow \uc0ac\uc774\ud2b8 \uc120\ud0dd<\/strong> \uc4f0\ub7ec\uc9c0 \ub2e4. \uadf8 \ud6c4 Figma \ud30c\uc77c\uc758 \ub2e4\uc591\ud55c \ub514\uc790\uc778\uc744 \ubcf5\uc81c\ud558\uc5ec Webflow\uc5d0 \ubd99\uc5ec\ub123\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/h6>\n<h3>Figma\ub97c Webflow \ud50c\ub7ec\uadf8\uc778 \ub808\uc774\uc544\uc6c3\uc5d0 \ud65c\uc6a9<\/h3>\n<p>\ud50c\ub7ec\uadf8\uc778\uc740 \ud0d0\uc0c9, \uc8fc\uc694 \uc139\uc158, \uc591\uc2dd, \ubc14\ub2e5\uae00 \ubc0f \uae30\ud0c0 \ub2e4\uc591\ud55c \uacf5\ud1b5 \ub514\uc790\uc778 \uc694\uc18c\uc5d0 \ub300\ud55c \ub514\uc790\uc778 \ud504\ub85c\uc138\uc2a4\ub97c \uac00\uc18d\ud654\ud558\uae30 \uc704\ud574 \uc0ac\uc804 \ub514\uc790\uc778\ub41c \ubc18\uc751\ud615 \ub808\uc774\uc544\uc6c3\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\n<blockquote><p><strong>\uc911\uc694\ud55c:<\/strong> \ud50c\ub7ec\uadf8\uc778\uc740 \uc790\ub3d9 \ub808\uc774\uc544\uc6c3 \ud504\ub808\uc784\uc744 Webflow\uc758 \ub514\uc790\uc774\ub108\uac00 \ud574\uc11d\ud560 \uc218 \uc788\ub294 \ud615\uc2dd\uc73c\ub85c \ubcc0\ud658\ud558\uc5ec \uc791\ub3d9\ud569\ub2c8\ub2e4. Webflow\ub294 \uc6f9 \uac1c\ubc1c\uc744 \uc9c0\ud5a5\ud558\uae30 \ub54c\ubb38\uc5d0 \uc6b0\ub9ac\ub294 \ub3c5\uc810\uc801\uc73c\ub85c \uc9c0\uc6d0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360041539473-Frames-in-Figma\" target=\"_blank\" rel=\"noopener\">\ud504\ub808\uc784<\/a> \uc790\ub3d9 \ub808\uc774\uc544\uc6c3\uc744 \uc0ac\uc6a9\ud558\ub294 \uac83\uc785\ub2c8\ub2e4.<\/p><\/blockquote>\n<p>Figma\uc5d0\uc11c Webflow\ub85c \ub808\uc774\uc544\uc6c3\uc744 \ubcf5\uc81c\ud558\ub824\uba74:<\/p>\n<ol role=\"list\">\n<li>\ub2e4\uc74c\uc73c\ub85c \uc774\ub3d9\ud558\uc138\uc694. <strong>\ubcf5\uc0ac \ubd99\uc5ec \ub123\uae30<\/strong> \ud50c\ub7ec\uadf8\uc778 \ubaa8\ub2ec \ucc3d\uc5d0\uc11c \ud0ed\uc744 \uc120\ud0dd\ud558\uace0 \uc120\ud0dd\ud558\uc138\uc694. <strong>\ub808\uc774\uc544\uc6c3<\/strong> \ub4dc\ub86d\ub2e4\uc6b4\uc5d0\uc11c<\/li>\n<li>\uc120\ud0dd\ud558\uc138\uc694 <strong>\uacf5\ub4e4\uc5ec \ub098\uc5f4\ud55c \uac83<\/strong><\/li>\n<li><a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360040449873-Select-layers-and-objects\" target=\"_blank\" rel=\"noopener\">\uc120\ud0dd\ud558\ub2e4<\/a> Figma \uce94\ubc84\uc2a4\uc758 \ub808\uc774\uc544\uc6c3<\/li>\n<li>\ub808\uc774\uc544\uc6c3\uc744 \uc0bd\uc785\ud558\ub824\ub294 Webflow \uc0ac\uc774\ud2b8\ub97c \ub2e4\uc74c\uc5d0\uc11c \uc120\ud0dd\ud558\uc138\uc694. <strong>Webflow \uc0ac\uc774\ud2b8 \uc120\ud0dd<\/strong> \ud50c\ub7ec\uadf8\uc778 \ubaa8\ub2ec \ucc3d\uc758 \ub4dc\ub86d\ub2e4\uc6b4<\/li>\n<li>\ub538\uae4d \ud558\ub294 \uc18c\ub9ac <strong>Webflow\uc5d0 \ubcf5\uc0ac<\/strong> \ud50c\ub7ec\uadf8\uc778 \ubaa8\ub2ec \ucc3d\uc5d0\uc11c<\/li>\n<li>\ud50c\ub7ec\uadf8\uc778\uc5d0\uc11c \uba54\uc2dc\uc9c0\uac00 \ud45c\uc2dc\ub418\uba74 Webflow\ub85c \ubcf5\uc0ac\ub97c \ud655\uc778\ud558\uc138\uc694.<\/li>\n<li>\ubcc4\ub3c4\uc758 \ucc3d\uc5d0\uc11c Webflow Designer\ub97c \uc2e4\ud589\ud558\uc138\uc694.<\/li>\n<li>\ub808\uc774\uc544\uc6c3\uc744 Webflow Designer \uce94\ubc84\uc2a4\uc5d0 \ubd99\uc5ec\ub123\uae30<\/li>\n<\/ol>\n<p>Webflow \uc0ac\uc774\ud2b8\ub294 \ub2e4\uc74c\uc5d0\uc11c \ud55c \ubc88\ub9cc \uc120\ud0dd\ud558\uba74 \ub429\ub2c8\ub2e4. <strong>Webflow \uc0ac\uc774\ud2b8 \uc120\ud0dd<\/strong> \uc4f0\ub7ec\uc9c0 \ub2e4. \uadf8\ub7f0 \ub2e4\uc74c Figma \ud30c\uc77c\uc758 \uc5ec\ub7ec \ub808\uc774\uc544\uc6c3\uc744 \ubcf5\uc81c\ud558\uc5ec Webflow\uc5d0 \ubd99\uc5ec\ub123\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h6><strong>\uc54c\ub9bc:<\/strong> \ub808\uc774\uc544\uc6c3 \ub0b4\uc758 \ud2b9\uc815 \uc694\uc18c\ub9cc\uc774 \uc544\ub2c8\ub77c \uc804\uccb4 \ub808\uc774\uc544\uc6c3\uc744 \uc120\ud0dd\ud574\uc57c \ud569\ub2c8\ub2e4. \uc804\uccb4 \ub808\uc774\uc544\uc6c3\uc744 \uc120\ud0dd\ud558\uc9c0 \uc54a\uc73c\uba74 \ubcf5\uc0ac \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud558\uc5ec Webflow Designer\uc5d0 \ubd99\uc5ec\ub123\uc9c0 \ubabb\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/h6>\n<figure class=\"w-richtext-align-fullwidth w-richtext-figure-type-image\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/65f3241054fcc56123f79c33_1520layouts20copy20to20webflow.webp\" loading=\"lazy\" title=\"65f3241054fcc56123f79c33_1520layouts20copy20to20webflow\"><\/div>\n<\/figure>\n<h3>Webflow \ud50c\ub7ec\uadf8\uc778 \uad6c\uc870\uc5d0 Figma \uc0ac\uc6a9<\/h3>\n<p>\ud50c\ub7ec\uadf8\uc778\uc5d0\ub294 \ub514\uc790\uc778\uc744 \uc704\ud55c \ud504\ub808\uc784\uc6cc\ud06c\ub97c \uc81c\uacf5\ud558\ub294 \uc0ac\uc804 \ub514\uc790\uc778\ub41c \uad6c\uc870\ub3c4 \ud3ec\ud568\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. Figma\uc5d0\uc11c\ub294 \uc774\ub7ec\ud55c \uad6c\uc870\uac00 \ube44\uc5b4 \uc788\uc9c0\ub9cc Webflow\uc5d0\uc11c\ub294 \uc751\ub2f5\uc131\uc744 \uc720\uc9c0\ud558\ubbc0\ub85c \ucf58\ud150\uce20 \ucee8\ud14c\uc774\ub108\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud574\ub2f9 \ud56d\ubaa9\uacfc \ud574\ub2f9 \ucf58\ud150\uce20\ub97c Webflow\uc5d0 \ubd99\uc5ec\ub123\uc73c\uba74 \uad6c\uc870\ub294 \uc911\ub2e8\uc810 \uc804\ubc18\uc5d0 \uac78\uccd0 \uc751\ub2f5\uc131\uc744 \uc720\uc9c0\ud569\ub2c8\ub2e4.<\/p>\n<p>Figma\uc5d0\uc11c Webflow\ub85c \uad6c\uc870\ub97c \ubcf5\uc81c\ud558\ub824\uba74:<\/p>\n<ol role=\"list\">\n<li>\uc561\uc138\uc2a4 <strong>\ubcf5\uc0ac \ubd99\uc5ec \ub123\uae30<\/strong> \ud50c\ub7ec\uadf8\uc778 \ubaa8\ub2ec \ucc3d\uc5d0\uc11c \ud0ed\uc744 \uc120\ud0dd\ud558\uace0 <strong>\uad6c\uc870<\/strong> \ub4dc\ub86d\ub2e4\uc6b4\uc5d0\uc11c<\/li>\n<li>\uc120\ud0dd\ud558\uc138\uc694 <strong>\uad6c\uc870<\/strong><\/li>\n<li><a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360040449873-Select-layers-and-objects\" target=\"_blank\" rel=\"noopener\">\uc120\ud0dd\ud558\ub2e4<\/a> Figma \uce94\ubc84\uc2a4\uc758 \uad6c\uc870<\/li>\n<li>\uad6c\uc870\ub97c \uc0bd\uc785\ud558\ub824\ub294 Webflow \uc0ac\uc774\ud2b8\ub97c \ub2e4\uc74c\uc5d0\uc11c \uc120\ud0dd\ud558\uc138\uc694. <strong>Webflow \uc0ac\uc774\ud2b8 \uc120\ud0dd<\/strong> \ud50c\ub7ec\uadf8\uc778 \ubaa8\ub2ec \ucc3d\uc758 \ub4dc\ub86d\ub2e4\uc6b4<\/li>\n<li>\ub538\uae4d \ud558\ub294 \uc18c\ub9ac <strong>Webflow\uc5d0 \ubcf5\uc0ac<\/strong> \ud50c\ub7ec\uadf8\uc778 \ubaa8\ub2ec \ucc3d\uc5d0\uc11c<\/li>\n<li>\ud50c\ub7ec\uadf8\uc778\uc5d0\uc11c \uba54\uc2dc\uc9c0\uac00 \ud45c\uc2dc\ub418\uba74 Webflow\ub85c \ubcf5\uc0ac\ub97c \ud655\uc778\ud558\uc138\uc694.<\/li>\n<li>\ubcc4\ub3c4\uc758 \ucc3d\uc5d0\uc11c Webflow Designer\ub97c \uc2e4\ud589\ud558\uc138\uc694.<\/li>\n<li>\uad6c\uc870\ub97c Webflow Designer \uce94\ubc84\uc2a4\uc5d0 \ubd99\uc5ec\ub123\uae30<\/li>\n<\/ol>\n<p>Webflow \uc0ac\uc774\ud2b8\ub294 \ub2e4\uc74c\uc5d0\uc11c \ud55c \ubc88\ub9cc \uc120\ud0dd\ud558\uba74 \ub429\ub2c8\ub2e4. <strong>Webflow \uc0ac\uc774\ud2b8 \uc120\ud0dd<\/strong> \uc4f0\ub7ec\uc9c0 \ub2e4. \uadf8\ub7f0 \ub2e4\uc74c Figma \ud30c\uc77c\uc758 \uc5ec\ub7ec \uad6c\uc870\ub97c \ubcf5\uc81c\ud558\uc5ec Webflow\uc5d0 \ubd99\uc5ec\ub123\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h6><strong>\uc54c\ub9bc:<\/strong> \uad6c\uc870 \ub0b4\uc758 \ud2b9\uc815 \uc694\uc18c\ub9cc\uc774 \uc544\ub2c8\ub77c \uc804\uccb4 \uad6c\uc870\ub97c \uc120\ud0dd\ud574\uc57c \ud569\ub2c8\ub2e4. \uc804\uccb4 \uad6c\uc870\ub97c \uc120\ud0dd\ud558\uc9c0 \uc54a\uc73c\uba74 \ubcf5\uc0ac \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud558\uc5ec \uc774\ub97c Webflow Designer\uc5d0 \ubd99\uc5ec\ub123\uc9c0 \ubabb\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/h6>\n<figure class=\"w-richtext-align-fullwidth w-richtext-figure-type-image\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/65f324b5c2fcd078f1d9fcd7_2020structure20copy20to20webflow.webp\" loading=\"lazy\" title=\"65f324b5c2fcd078f1d9fcd7_2020\uad6c\uc87020copy20to20webflow\"><\/div>\n<\/figure>\n<h3>\ud14d\uc2a4\ud2b8 \ubc0f \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c\uc744 \ubcf5\uc81c\ud558\uc5ec \ubd99\uc5ec\ub123\uc2b5\ub2c8\ub2e4.<\/h3>\n<p>Figma \ud30c\uc77c\uc5d0 \ud14d\uc2a4\ud2b8 \ubc0f \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c\uc774 \uc788\ub294 \uacbd\uc6b0 \uc0ac\uc774\ud2b8 \ub514\uc790\uc778 \uacfc\uc815\uc5d0\uc11c \uc27d\uac8c \uc561\uc138\uc2a4\ud560 \uc218 \uc788\ub3c4\ub85d \uc774\ub97c Webflow\uc5d0 \ubcf5\uc81c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud14d\uc2a4\ud2b8\uc640 \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c\uc744 \uc815\ub9ac\ud558\ub824\uba74 Webflow\uc5d0 \uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc \ud398\uc774\uc9c0\ub97c \uad6c\ucd95\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4. \uac1c\ubcc4 \ud14d\uc2a4\ud2b8 \uc2a4\ud0c0\uc77c, \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c \ub610\ub294 \ubaa8\ub4e0 \ud14d\uc2a4\ud2b8\uc640 \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c\uc744 \ub3d9\uc2dc\uc5d0 \ubcf5\uc81c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ubcf5\uc81c\uc5d0 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \ud14d\uc2a4\ud2b8 \ubc0f \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<ul role=\"list\">\n<li><a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360038746534#From_Local_styles\" target=\"_blank\" rel=\"noopener\">\ud604\uc9c0\ud654\ub41c Figma \ud14d\uc2a4\ud2b8 \ubc0f \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c<\/a><\/li>\n<li><a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360041051154-Guide-to-libraries-in-Figma\" target=\"_blank\" rel=\"noopener\">Figma \ub77c\uc774\ube0c\ub7ec\ub9ac\uc758 \ud14d\uc2a4\ud2b8 \ubc0f \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c<\/a> (\ud604\uc7ac Figma \ud398\uc774\uc9c0\uc5d0 \uc801\uc6a9\ub41c \uacbd\uc6b0)<\/li>\n<\/ul>\n<p>\ud14d\uc2a4\ud2b8 \ubc0f \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c\uc740 \uc0ac\uc804 \uc815\uc758\ub41c &quot;\uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc&quot; \ud15c\ud50c\ub9bf\uc744 \uc0ac\uc6a9\ud558\uc5ec Webflow\uc5d0 \ubcf5\uc81c\ub429\ub2c8\ub2e4.<\/p>\n<figure class=\"w-richtext-align-fullwidth w-richtext-figure-type-image\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/65f342ee6e38307efa9154df_7120step20120copy20text20and20color20styles.webp\" loading=\"lazy\" title=\"65f342ee6e38307efa9154df_7120step20120copy20text20and20color20styles\"><\/div>\n<\/figure>\n<figure class=\"w-richtext-align-fullwidth w-richtext-figure-type-image\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/65f325fdfdf1fad08acd9a25_7220style20guide20step202.webp\" loading=\"lazy\" alt=\"\uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc \ud15c\ud50c\ub9bf\uc740 \ub450 \uac00\uc9c0 \ud14d\uc2a4\ud2b8 \uc2a4\ud0c0\uc77c\uacfc \ub450 \uac00\uc9c0 \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c\ub85c \uc6f9\ud50c\ub85c\uc5d0 \ubcf5\uc81c\ub429\ub2c8\ub2e4.\" title=\"65f325fdfdf1fad08acd9a25_7220style20guide20step202\"><\/div>\n<\/figure>\n<h4>\ud14d\uc2a4\ud2b8 \uc2a4\ud0c0\uc77c<\/h4>\n<p>Figma\uc5d0\uc11c \ud14d\uc2a4\ud2b8 \uc2a4\ud0c0\uc77c\uc744 \ubcf5\uc0ac\ud558\ub824\uba74:<\/p>\n<ol role=\"list\">\n<li>&#039;\uc5d0 \uc561\uc138\uc2a4\ud558\uc138\uc694.<strong>\ud584\ubc84\uac70 \uba54\ub274<\/strong>&quot; \ud50c\ub7ec\uadf8\uc778 \ubaa8\ub2ec \ucc3d\uc5d0\uc11c<\/li>\n<li>\uc120\ud0dd\ud558\ub2e4 <strong>\ud14d\uc2a4\ud2b8 \uc2a4\ud0c0\uc77c \ubcf5\uc0ac<\/strong><\/li>\n<li>Webflow \uc0ac\uc774\ud2b8\uc5d0 \uc9c0\uc815\ub41c \uc2a4\ud0c0\uc77c \ub9e4\ub274\uc5bc \ud398\uc774\uc9c0(\uc124\ub9bd\ub41c \uacbd\uc6b0) \ub610\ub294 Webflow \uc0ac\uc774\ud2b8\uc758 \ub2e4\ub978 \ud398\uc774\uc9c0\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4.<\/li>\n<li>\ub54c\ub9ac\ub2e4 <strong>\uc81c\uc5b4<\/strong> + <strong>V<\/strong> (Mac\uc758 \uacbd\uc6b0) \ub610\ub294 <strong>\uba85\ub839<\/strong> + <strong>V<\/strong> (Windows\uc758 \uacbd\uc6b0) \ub85c\uceec \ud14d\uc2a4\ud2b8 \uc2a4\ud0c0\uc77c\uc744 \uc0bd\uc785\ud558\ub824\uba74<\/li>\n<\/ol>\n<p>\ud14d\uc2a4\ud2b8 \uc2a4\ud0c0\uc77c\uc740 \ubbf8\ub9ac \uc815\uc758\ub41c &quot;\uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc&quot; \ud15c\ud50c\ub9bf\uc744 \uc0ac\uc6a9\ud558\uc5ec Webflow\uc5d0 \uc0bd\uc785\ub429\ub2c8\ub2e4. \ud14d\uc2a4\ud2b8 \uc2a4\ud0c0\uc77c\uc740 <strong>\ud14d\uc2a4\ud2b8 \uc2a4\ud0c0\uc77c<\/strong> \ubd80\ubd84. \uac01 \ud14d\uc2a4\ud2b8 \uc2a4\ud0c0\uc77c\uc740 Figma\uc758 \ud14d\uc2a4\ud2b8 \uc2a4\ud0c0\uc77c\uc5d0\uc11c \uc9c0\uc815\ub41c \uc774\ub984\uc744 \uac00\uc9c4 \ud074\ub798\uc2a4\ub97c \uc5bb\uc2b5\ub2c8\ub2e4(\uc608: Figma\uc5d0\uc11c \ud14d\uc2a4\ud2b8 \uc2a4\ud0c0\uc77c\uc744 &quot;Tahoma Bold&quot;\ub85c \uc9c0\uc815\ud55c \uacbd\uc6b0 \ud574\ub2f9 Webflow \ud074\ub798\uc2a4 \uc774\ub984\uc740 &quot;Tahoma Bold&quot;\uac00 \ub429\ub2c8\ub2e4).<\/p>\n<h4>\uc0c9\uc0c1 \uc2a4\ud0c0\uc77c<\/h4>\n<p>Figma\uc5d0\uc11c \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c\uc744 \ubcf5\uc81c\ud558\ub824\uba74:<\/p>\n<ol role=\"list\">\n<li>\u201c\ub97c \ud074\ub9ad\ud558\uc138\uc694.<strong>\ud584\ubc84\uac70 \uba54\ub274<\/strong>&quot; \ud50c\ub7ec\uadf8\uc778 \ubaa8\ub2ec \ucc3d\uc5d0\uc11c<\/li>\n<li>\uc120\ud0dd\ud558\ub2e4 <strong>\uc0c9\uc0c1 \uc2a4\ud0c0\uc77c \ubcf5\uc0ac<\/strong><\/li>\n<li>Webflow \uc0ac\uc774\ud2b8\uc5d0\uc11c \uc9c0\uc815\ub41c \uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc \ud398\uc774\uc9c0(\ub9cc\ub4e0 \uacbd\uc6b0) \ub610\ub294 Webflow \uc0ac\uc774\ud2b8\uc758 \ub2e4\ub978 \ud398\uc774\uc9c0\ub85c \uc774\ub3d9\ud558\uc138\uc694.<\/li>\n<li>\ub54c\ub9ac\ub2e4 <strong>\uc81c\uc5b4<\/strong> + <strong>V<\/strong> (Mac\uc758 \uacbd\uc6b0) \ub610\ub294 <strong>\uba85\ub839<\/strong> + <strong>V<\/strong> (Windows\uc758 \uacbd\uc6b0) \ub85c\uceec \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c\uc744 \ubd99\uc5ec\ub123\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ol>\n<p>\uc0c9\uc0c1 \uc2a4\ud0c0\uc77c\uc740 \uc0ac\uc804 \uc124\uc815\ub41c &quot;\uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc&quot; \ud15c\ud50c\ub9bf\uc744 \uc0ac\uc6a9\ud558\uc5ec Webflow\uc5d0 \ubd99\uc5ec\ub123\uc5b4\uc9d1\ub2c8\ub2e4. \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c\uc740 <strong>\uc0c9\uc0c1 \uc2a4\ud0c0\uc77c<\/strong> \ubd80\ubd84. \ubaa8\ub4e0 \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c\uc5d0\ub294 \uc0c9\uc0c1 \uacac\ubcf8\uc73c\ub85c \ud45c\uc2dc\ud558\ub294 \ud074\ub798\uc2a4\uc640 Figma\uc758 \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c\uc5d0\uc11c \uc9c0\uc815\ub41c \uc774\ub984\uc774 \ud560\ub2f9\ub429\ub2c8\ub2e4(\uc608: Figma\uc5d0\uc11c \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c\uc758 \uc774\ub984\uc774 &quot;Pink&quot;\uc778 \uacbd\uc6b0 Webflow \ud074\ub798\uc2a4 \uc774\ub984\uc740 &quot;Color Swatch \/ Pink&quot;\uc785\ub2c8\ub2e4. &quot;). \uc0c9\uc0c1\uc758 16\uc9c4\uc218 \ucf54\ub4dc\ub294 Webflow \uce94\ubc84\uc2a4\uc758 \ub85c\uceec \uc2a4\ud0c0\uc77c \uc606\uc5d0\uc11c \ubcf4\uac70\ub098 \uc2a4\ud0c0\uc77c \ud328\ub110 &gt; \ubc30\uacbd\uc73c\ub85c \uc774\ub3d9\ud55c \ub2e4\uc74c \uc0c9\uc0c1\uc5d0 \uc778\uc811\ud55c \uc0c9\uc0c1 \uacac\ubcf8\uc744 \uc120\ud0dd\ud558\uc5ec \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc774\ub7ec\ud55c \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c\uc740 Webflow \uc0c9\uc0c1 \ubcc0\uc218\ub85c \uc790\ub3d9 \uc0dd\uc131\ub418\uc9c0 \uc54a\uc73c\ubbc0\ub85c \uc774\ub7ec\ud55c \ubcc0\uc218\ub97c \uc218\ub3d9\uc73c\ub85c \uc0dd\uc131\ud558\uc5ec \uc0ac\uc774\ud2b8 \uc804\uccb4\uc5d0 \uc0c9\uc0c1\uc744 \uc801\uc6a9\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/p>\n<h4>\ubaa8\ub4e0 \ud14d\uc2a4\ud2b8\uc640 \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c\uc744 \ub3d9\uc2dc\uc5d0 \ubcf5\uc81c\ud558\ub294 \ubc29\ubc95<\/h4>\n<p>\ubcf5\uc81c\ud558\ub824\uba74 <em>\ubaa8\ub450<\/em> Figma\uc758 \ud14d\uc2a4\ud2b8 \ubc0f \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c,\u00a0<\/p>\n<ol role=\"list\">\n<li>\u201c\ub97c \ud074\ub9ad\ud558\uc138\uc694.<strong>\ud584\ubc84\uac70 \uba54\ub274<\/strong>&quot; \ud50c\ub7ec\uadf8\uc778 \ubaa8\ub2ec \ucc3d\uc5d0\uc11c<\/li>\n<li>\uc120\ud0dd\ud558\ub2e4 <strong>\ubaa8\ub4e0 \ud14d\uc2a4\ud2b8 \ubc0f \uc0c9\uc0c1 \uc2a4\ud0c0\uc77c \ubcf5\uc0ac<\/strong><\/li>\n<li>Webflow \uc0ac\uc774\ud2b8\uc5d0\uc11c \uc9c0\uc815\ub41c \uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc \ud398\uc774\uc9c0(\ub9cc\ub4e0 \uacbd\uc6b0) \ub610\ub294 Webflow \uc0ac\uc774\ud2b8\uc758 \ub2e4\ub978 \ud398\uc774\uc9c0\ub85c \uc774\ub3d9\ud558\uc138\uc694.<\/li>\n<li>\ub54c\ub9ac\ub2e4 <strong>\uc81c\uc5b4<\/strong> + <strong>V<\/strong> (Mac\uc758 \uacbd\uc6b0) \ub610\ub294 <strong>\uba85\ub839<\/strong> + <strong>V<\/strong> (Windows\uc758 \uacbd\uc6b0) \ub85c\uceec \uc2a4\ud0c0\uc77c\uc744 \uc0bd\uc785\ud558\ub824\uba74<\/li>\n<\/ol>\n<p>\uc2a4\ud0c0\uc77c\uc740 \uc0ac\uc804 \uc124\uc815\ub41c &quot;\uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc&quot; \ud15c\ud50c\ub9bf\uc744 \uc0ac\uc6a9\ud558\uc5ec Webflow\uc5d0 \uc0bd\uc785\ub429\ub2c8\ub2e4.<\/p>\n<h2>\ud50c\ub7ec\uadf8\uc778 \uc791\ub3d9<\/h2>\n<p>Figma\uc5d0\uc11c Webflow \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud560 \ub54c \ub2e4\uc74c \uce21\uba74\uc5d0\uc11c \uba87 \uac00\uc9c0 \uc8fc\uc694 \uc694\uc18c\ub97c \uace0\ub824\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<ul role=\"list\">\n<li>\uc790\ub3d9 \ub808\uc774\uc544\uc6c3<\/li>\n<li>\ud2b9\uc218 \uae00\uaf34<\/li>\n<li>\uce74\ud14c\uace0\ub9ac<\/li>\n<li>\uacb0\ud569 \uc218\uc5c5<\/li>\n<li>\uc81c\ub3c4\ubc95<\/li>\n<li>HTML \uc694\uc18c<\/li>\n<li>\ubc30\uacbd<\/li>\n<li>\uc801\uc751\uc131<\/li>\n<li>\ud5a5\uc0c1\ub41c \ud50c\ub7ec\uadf8\uc778 \uae30\ub2a5<\/li>\n<\/ul>\n<p>\ub610\ud55c Figma\uc5d0\uc11c Webflow\uae4c\uc9c0 \uad6c\uc131\uc694\uc18c\uc640 \ubcc0\uc218\ub97c \uc6d0\ud65c\ud558\uac8c \ud1b5\ud569\ud558\ub824\uba74 Figma to Webflow App\uc744 \ud65c\uc6a9\ud558\uc138\uc694.<\/p>\n<h3>\uc790\ub3d9 \ub808\uc774\uc544\uc6c3<\/h3>\n<p>\ub2e4\uc74c\uc744 \ud65c\uc6a9\ud558\uc5ec \ub808\uc774\uc5b4\ub97c \ubcf5\uc81c\ud558\uace0 \ubd99\uc5ec\ub123\uae30\ub9cc \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/5731482952599-Using-auto-layout\" target=\"_blank\" rel=\"noopener\">\uc790\ub3d9 \ub808\uc774\uc544\uc6c3<\/a>. \uc774\ub294 Figma\uc5d0\uc11c Webflow\ub85c \ubcf5\uc0ac\ud560 \ub54c \ucd5c\uc801\uc758 \ubcc0\ud658\uc744 \ubcf4\uc7a5\ud569\ub2c8\ub2e4.<\/p>\n<h6><strong>\uba54\ubaa8:<\/strong> Figma \ub514\uc790\uc778\uc5d0 \uc790\ub3d9 \ub808\uc774\uc544\uc6c3\uc774 \uc5c6\ub294 \ub808\uc774\uc5b4\uac00 \uc788\ub294 \uacbd\uc6b0, \ub808\uc774\uc5b4\ub97c Webflow\uc5d0 \ubd99\uc5ec\ub123\uae30 \uc804\uc5d0 \ub808\uc774\uc5b4\ub97c \uc790\ub3d9 \ub808\uc774\uc544\uc6c3\uc73c\ub85c \ubcc0\ud658\ud558\ub77c\ub294 \uc54c\ub9bc\uc774 \ud50c\ub7ec\uadf8\uc778 \ubaa8\ub2ec\uc5d0 \ud45c\uc2dc\ub429\ub2c8\ub2e4. \ubaa8\ub2ec\uc5d0\uc11c \ub178\ub780\uc0c9 \uc8fc\uc758 \uc0bc\uac01\ud615\uc744 \ud074\ub9ad\ud558\uba74 \uc790\ub3d9 \ub808\uc774\uc544\uc6c3\uc73c\ub85c \ubcc0\ud658\ud574\uc57c \ud558\ub294 \ubaa8\ub4e0 \ub808\uc774\uc5b4\ub97c \uc120\ud0dd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/h6>\n<figure class=\"w-richtext-align-fullwidth w-richtext-figure-type-image\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/65f34e463d0027ab707c751f_8120auto20layout20alert.webp\" loading=\"lazy\" title=\"65f34e463d0027ab707c751f_8120auto20layout20alert\"><\/div>\n<\/figure>\n<h3>\ud2b9\uc218 \uae00\uaf34<\/h3>\n<p>Figma \ub514\uc790\uc778\uc5d0 \uc0ac\uc6a9\uc790 \uc815\uc758 \uae00\uaf34\uc774 \uc0ac\uc6a9\ub41c \uacbd\uc6b0 \uc62c\ubc14\ub978 \uae00\uaf34 \uc804\uc1a1\uc744 \uc704\ud574 Figma \ub514\uc790\uc778\uc744 \uc804\uc1a1\ud558\uae30 \uc804\uc5d0 \ud574\ub2f9 \uae00\uaf34\uc744 Webflow \uc0ac\uc774\ud2b8\uc5d0 \uc5c5\ub85c\ub4dc\ud558\uc2ed\uc2dc\uc624. Webflow\uc5d0 \uc0ac\uc6a9\uc790 \uc815\uc758 \uae00\uaf34\uc744 \ucd94\uac00\ud558\uc9c0 \uc54a\uc73c\uba74 \uc804\uc1a1 \uc911\uc5d0 \ud574\ub2f9 \uae00\uaf34\uc774 \uc190\uc2e4\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Webflow \uc0ac\uc774\ud2b8\uc5d0 \uc0ac\uc6a9\uc790 \uc815\uc758 \uae00\uaf34\uc744 \uc5c5\ub85c\ub4dc\ud558\ub294 \uacfc\uc815\uc744 \uc54c\uc544\ubcf4\uc138\uc694.<\/p>\n<h3>\ubb18\uc0ac\uc640 \uc0c1\uc9d5<\/h3>\n<p>Figma\ub294 \ubb18\uc0ac, \uae30\ud638 \ubc0f \ubca1\ud130 \ub85c\uace0\ub97c \uc0dd\uc131\ud560 \uc218 \uc788\ub294 \ubca1\ud130 \uc18c\ud504\ud2b8\uc6e8\uc5b4\uc785\ub2c8\ub2e4. \ub300\ubd80\ubd84\uc758 \ubb18\uc0ac\ub294 Figma \ubc0f \uae30\ud0c0 \ubca1\ud130 \ub3c4\uad6c\uc5d0 \uace0\uc720\ud55c \ub2e4\uc591\ud55c \ubca1\ud130 \ub808\uc774\uc5b4\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uc5b4 \ud50c\ub7ec\uadf8\uc778\uc774 \ucc98\ub9ac\ud558\uae30 \uc5b4\ub835\uace0 \uc885\uc885 \uc2dc\uac04 \ucd08\uacfc \uc624\ub958\uac00 \ubc1c\uc0dd\ud569\ub2c8\ub2e4.<\/p>\n<p>\ub9cc\uc77c \uac70\uae30\uc5d0 <a href=\"https:\/\/www.figma.com\/plugin-docs\/api\/VectorNode\" target=\"_blank\" rel=\"noopener\">\ubca1\ud130 \ub808\uc774\uc5b4<\/a> \ub514\uc790\uc778\uc5d0\uc11c \ud50c\ub7ec\uadf8\uc778\uc740 &quot;\ubca1\ud130 \ub798\ud37c&quot;\ub77c\ub294 \uc0c8\ub85c\uc6b4 \ubca1\ud130 \uc0c1\uc704 \ub808\uc774\uc5b4\ub97c \uc790\ub3d9\uc73c\ub85c \uc0dd\uc131\ud569\ub2c8\ub2e4. \uc774 \ub798\ud37c\ub294 SVG \ub0b4\ubcf4\ub0b4\uae30\ub97c \uc704\ud574 \ubca1\ud130 \ub808\uc774\uc5b4\ub97c \ucea1\uc290\ud654\ud569\ub2c8\ub2e4. \ubcf5\uc0ac \ud504\ub85c\uc138\uc2a4 \ud6c4 \ud50c\ub7ec\uadf8\uc778\uc740 Figma\uc5d0\uc11c \uc774 \ub808\uc774\uc5b4\ub97c \uc81c\uac70\ud558\uc9c0\ub9cc Webflow\uc5d0\uc11c\ub294 \uc720\uc9c0\ub429\ub2c8\ub2e4.<\/p>\n<figure class=\"w-richtext-align-fullwidth w-richtext-figure-type-image\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/65f34e977a08d1722326e1b6_8320vector20layer20alert.webp\" loading=\"lazy\" title=\"65f34e977a08d1722326e1b6_8320\ubca1\ud13020layer20\uacbd\uace0\"><\/div>\n<\/figure>\n<p>Figma\ub97c \ud65c\uc6a9\ud558\uc2e0\ub2e4\uba74 <a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360038662654-Guide-to-components-in-Figma\" target=\"_blank\" rel=\"noopener\">\uad6c\uc131 \uc694\uc18c<\/a> \ubca1\ud130 \ub808\uc774\uc5b4 \ub0b4\uc5d0\uc11c \ub2e4\uc74c\uc744 \uc218\ud589\ud574\uc57c \ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. <a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360038665754-Detach-an-instance-from-the-component#:~:text=Select%20the%20Instance%20you%20wish,Detach%20Instance%20from%20the%20menu.\" target=\"_blank\" rel=\"noopener\">\uc778\uc2a4\ud134\uc2a4 \ubd84\ub9ac<\/a> \ub808\uc774\uc5b4\ub97c \ubcf5\uc81c\ud558\uae30 \uc804\uc5d0 \ud544\uc694\ud55c \uacbd\uc6b0 \ud50c\ub7ec\uadf8\uc778\uc5d0\uc11c \uc778\uc2a4\ud134\uc2a4\ub97c \ubd84\ub9ac\ud558\ub77c\ub294 \uba54\uc2dc\uc9c0\ub97c \ud45c\uc2dc\ud569\ub2c8\ub2e4.<\/p>\n<p>\uc778\uc2a4\ud134\uc2a4 \ubd84\ub9ac\ub294 \ub2e4\uc74c\uc744 \ub20c\ub7ec \uc2e0\uc18d\ud558\uac8c \uc218\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <strong>\uc635\uc158<\/strong> + <strong>\uba85\ub839<\/strong> + <strong>\ube44 <\/strong>(Mac\uc758 \uacbd\uc6b0) \ub610\ub294 <strong>\uc81c\uc5b4 <\/strong>+ <strong>\ube44<\/strong> (\uc708\ub3c4\uc6b0\uc988\uc5d0\uc11c).<\/p>\n<figure class=\"w-richtext-align-fullwidth w-richtext-figure-type-image\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/65f34ebc6408268df1e2746e_8520component20instance20alert.webp\" loading=\"lazy\" title=\"65f34ebc6408268df1e2746e_8520comComponent20instance20alert\"><\/div>\n<\/figure>\n<h3>\uce74\ud14c\uace0\ub9ac<\/h3>\n<p>Figma\uc5d0\uc11c Webflow\ub85c \ub514\uc790\uc778\uc744 \ubcf5\uc0ac\ud558\uba74 \ubaa8\ub4e0 Figma \ub808\uc774\uc5b4 \uc774\ub984\uc774 \ud074\ub798\uc2a4\ub85c \ubcc0\ud658\ub429\ub2c8\ub2e4.<\/p>\n<h4>\uc5b4\uc6b8\ub9ac\ub294 \uc774\ub984, \ub2e4\uc591\ud55c \uc2a4\ud0c0\uc77c<\/h4>\n<p>\ub450 \uac1c\uc758 Figma \ub808\uc774\uc5b4\uac00 <strong>\uac19\uc740<\/strong><strong>\uc774\ub984<\/strong> \ud558\uc9c0\ub9cc \uac00\uc9c0\uace0 \ub2e4\ub2c8\uc138\uc694 <strong>\ub300\uc870\ub418\ub294 \uc2a4\ud0c0\uc77c<\/strong>, \ud50c\ub7ec\uadf8\uc778\uc740 \ud074\ub798\uc2a4 \uc774\ub984\uc5d0 \uc22b\uc790\ub97c \ucd94\uac00\ud558\uc5ec \ud574\ub2f9 \ud074\ub798\uc2a4\uc758 \uc774\ub984\uc744 \uc790\ub3d9\uc73c\ub85c \ubc14\uafc9\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 Figma\uc758 \ub450 \ub808\uc774\uc5b4 \uc774\ub984\uc774 \uc11c\ub85c \ub2e4\ub978 \uc2a4\ud0c0\uc77c\ub85c &quot;\ucee8\ud14c\uc774\ub108&quot;\ub85c \uc9c0\uc815\ub41c \uacbd\uc6b0 \ud50c\ub7ec\uadf8\uc778\uc740 \uc774\ub97c Webflow Designer \uce94\ubc84\uc2a4\uc5d0 \ubd99\uc5ec\ub123\uc744 \ub54c \ud55c \ub808\uc774\uc5b4\uc5d0 &quot;\ucee8\ud14c\uc774\ub108&quot; \ud074\ub798\uc2a4\ub97c \ud560\ub2f9\ud558\uace0 \ub450 \ubc88\uc9f8 \ub808\uc774\uc5b4\uc5d0 &quot;\ucee8\ud14c\uc774\ub108 2&quot; \ud074\ub798\uc2a4\ub97c \ud560\ub2f9\ud569\ub2c8\ub2e4.<\/p>\n<p>\ub9c8\ucc2c\uac00\uc9c0\ub85c \uc0ac\uc774\ud2b8\uc5d0 \uae30\uc874 \ud074\ub798\uc2a4 \uc774\ub984\uc774 \uc788\ub294 Webflow \uce94\ubc84\uc2a4\uc5d0 \ub808\uc774\uc5b4\ub97c \ubd99\uc5ec\ub123\uc73c\uba74 \ud074\ub798\uc2a4 \uc774\ub984\uc774 \uc99d\uac00\ub41c \uc22b\uc790\ub85c \ud45c\uc2dc\ub429\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc0ac\uc774\ud2b8\uc5d0 \uc774\ubbf8 &quot;Button&quot; \ud074\ub798\uc2a4\uac00 \uc788\uace0 &quot;Button&quot;\uc774\ub77c\ub294 Figma \ub808\uc774\uc5b4\ub97c Webflow Designer \uce94\ubc84\uc2a4\uc5d0 \ubd99\uc5ec\ub123\uc740 \uacbd\uc6b0 \ub808\uc774\uc5b4 \ud074\ub798\uc2a4\ub294 \uc120\ud0dd\uae30 \ud544\ub4dc\uc5d0\uc11c &quot;Button 2&quot;\ub85c \ud45c\uc2dc\ub429\ub2c8\ub2e4. \ub610\ub294 \uae30\uc874 Webflow \ud074\ub798\uc2a4 \uc2a4\ud0c0\uc77c\uc744 \uc801\uc6a9\ud558\uc5ec Figma \ub808\uc774\uc5b4\ub97c Webflow\uc5d0 \ubd99\uc5ec\ub123\uac70\ub098 \uae30\uc874 Webflow \ud074\ub798\uc2a4 \uc2a4\ud0c0\uc77c\uc744 Figma \ub808\uc774\uc5b4 \uc2a4\ud0c0\uc77c\ub85c \ubcc0\uacbd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h6><strong>\uc804\ubb38\uac00 \ud301: <\/strong>Webflow\uc5d0 \ub3d9\uc77c\ud55c \ub808\uc774\uc544\uc6c3\uc744 \uc790\uc8fc \ubcf5\uc0ac\ud560 \uacbd\uc6b0 \ubc14\ub78c\uc9c1\ud558\uc9c0 \uc54a\uc740 \ud074\ub798\uc2a4 \uacfc\uc789\uc774 \ubc1c\uc0dd\ud558\uc5ec \uc6f9 \uc0ac\uc774\ud2b8 \uc131\ub2a5\uc774 \uc800\ud558\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uae54\ub054\ud55c \ud074\ub798\uc2a4 \uad6c\uc870\ub97c \uc720\uc9c0\ud558\ub824\uba74(&quot;\ubc84\ud2bc 234986&quot;\uacfc \uac19\uc740 \uc5b4\uc218\uc120\ud568\uc744 \ud53c\ud558\ub824\uba74) Webflow \uc0ac\uc774\ud2b8\uc5d0\uc11c \ubd88\ud544\uc694\ud55c \ub808\uc774\uc544\uc6c3\uc774\ub098 \uc694\uc18c\ub97c \uc81c\uac70\ud558\uace0 \uc2a4\ud0c0\uc77c \uad00\ub9ac\uc790\uc5d0\uc11c \uc2a4\ud0c0\uc77c\uc744 \uc815\ub9ac\ud558\uc138\uc694. \uc774\ub807\uac8c \ud558\uba74 \ud074\ub798\uc2a4 \uacfc\ubd80\ud558\ub97c \uc77c\uc73c\ud0a4\uc9c0 \uc54a\uace0 Figma \ub514\uc790\uc778\uc744 Webflow\uc5d0 \ubd99\uc5ec\ub123\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/h6>\n<h5>Figma\uc640 Webflow \uac04 \ub514\uc790\uc778 \uad50\ud658<\/h5>\n<p>Figma \ub808\uc774\uc5b4\uc640 Webflow \ud074\ub798\uc2a4 \uac04\uc5d0 \uc2a4\ud0c0\uc77c\uc744 \uacf5\uc720\ud558\uae30 \uc704\ud55c 2\uac1c\uc758 \ud0a4\ubcf4\ub4dc \ub2e8\ucd95\ud0a4\uac00 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<ul role=\"list\">\n<li><strong>\uba85\ub839 <\/strong>+<strong> \uc62e\uae30\ub2e4<\/strong> + <strong>V <\/strong>(Mac\uc758 \uacbd\uc6b0) \ub610\ub294\u00a0 <strong>\uc81c\uc5b4<\/strong> + <strong>\uc62e\uae30\ub2e4<\/strong> + <strong>V<\/strong> (Windows) - \uc774 \ud2b9\uc815 \ub2e8\ucd95\ud0a4\ub97c \uc0ac\uc6a9\ud558\uba74 Figma \ub808\uc774\uc5b4\ub97c \ubd99\uc5ec\ub123\uace0 \uae30\uc874 Webflow \ud074\ub798\uc2a4\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc2a4\ud0c0\uc77c\uc744 \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uacc4\uc18d \uc9c4\ud589\ud558\ub824\uba74 Figma\uc5d0\uc11c \ub808\uc774\uc5b4\ub97c \ubcf5\uc0ac\ud55c \ub2e4\uc74c \ub2e4\uc74c\uc744 \ud65c\uc6a9\ud558\uc5ec Webflow\uc5d0 \ubd99\uc5ec\ub123\uae30\ub9cc \ud558\uba74 \ub429\ub2c8\ub2e4. <strong>\uba85\ub839 <\/strong>+<strong> \uc62e\uae30\ub2e4<\/strong> + <strong>V<\/strong> (Mac\uc758 \uacbd\uc6b0) \ub610\ub294 <strong>\uc81c\uc5b4<\/strong> + <strong>\uc62e\uae30\ub2e4<\/strong> + <strong>V<\/strong> (\uc708\ub3c4\uc6b0\uc988\uc5d0\uc11c). \uadf8\ub7ec\uba74 \uae30\uc874 \ud074\ub798\uc2a4\uc758 \uc2a4\ud0c0\uc77c\uc774 \uc774\ubbf8 \uc801\uc6a9\ub41c \uc0c1\ud0dc\ub85c \ub808\uc774\uc5b4\uac00 Webflow\uc5d0 \ubd99\uc5ec\ub123\uc5b4\uc9d1\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 Figma\uc5d0 \ube68\uac04\uc0c9 \ubc30\uacbd\uc758 &quot;Button&quot; \ub808\uc774\uc5b4\uac00 \uc788\uc9c0\ub9cc Webflow\uc758 &quot;Button&quot; \ud074\ub798\uc2a4\uc5d0 \ub179\uc0c9 \ubc30\uacbd\uc774 \uc788\ub294 \uacbd\uc6b0 &quot;Button&quot; \ub808\uc774\uc5b4\ub294 \ub179\uc0c9 \ubc30\uacbd\uc758 Webflow\uc5d0 \ubd99\uc5ec\ub123\uc5b4\uc9d1\ub2c8\ub2e4.<\/li>\n<li><strong>\uba85\ub839<\/strong> + <strong>\uc635\uc158<\/strong> + <strong>V <\/strong>(Mac\uc758 \uacbd\uc6b0) \ub610\ub294 <strong>\uc81c\uc5b4<\/strong> + <strong>\uc635\uc158<\/strong> + <strong>V<\/strong> (Windows\uc758 \uacbd\uc6b0) \u2014 \uc774 \ud2b9\uc815 \ub2e8\ucd95\ud0a4\ub97c \uc0ac\uc6a9\ud558\uba74 Figma \ub808\uc774\uc5b4\ub97c \ubd99\uc5ec\ub123\uace0 \uae30\uc874 Webflow \ud074\ub798\uc2a4\ub97c Figma\uc758 \uc2a4\ud0c0\uc77c\uacfc \uc77c\uce58\ud558\ub3c4\ub85d \uc870\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \ud504\ub85c\uc138\uc2a4\uc5d0\ub294 Figma\uc758 \ub808\uc774\uc5b4\ub97c \ubcf5\uc0ac\ud558\uace0 \ub2e4\uc74c\uc744 \uc0ac\uc6a9\ud558\uc5ec Webflow\uc5d0 \ubd99\uc5ec\ub123\ub294 \uc791\uc5c5\uc774 \ud3ec\ud568\ub429\ub2c8\ub2e4. <strong>\uba85\ub839 <\/strong>+<strong> \uc635\uc158<\/strong> + <strong>V<\/strong> (Mac\uc758 \uacbd\uc6b0) \ub610\ub294 <strong>\uc81c\uc5b4<\/strong> + <strong>\uc635\uc158<\/strong> + <strong>V<\/strong> (\uc708\ub3c4\uc6b0\uc988\uc5d0\uc11c). \uc774\ud6c4 Webflow \ud074\ub798\uc2a4\uc758 \uae30\uc874 \uc2a4\ud0c0\uc77c\uc774 Figma \ub808\uc774\uc5b4\uc758 \uc2a4\ud0c0\uc77c\uc5d0 \ub9de\uac8c \uc218\uc815\ub429\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, Figma\uc5d0 \ube68\uac04\uc0c9 \ubc30\uacbd\uc758 &quot;Button&quot; \ub808\uc774\uc5b4\uac00 \uc788\uace0 Webflow\uc758 \uc77c\uce58\ud558\ub294 &quot;Button&quot; \ud074\ub798\uc2a4\uac00 \ub179\uc0c9 \ubc30\uacbd\uc744 \uac00\uc9c0\uace0 \uc788\ub294 \uacbd\uc6b0 Webflow\uc758 &quot;Button&quot; \ud074\ub798\uc2a4\uc758 \ubc30\uacbd\uc0c9\uc740 \ube68\uac04\uc0c9\uc73c\ub85c \uc804\ud658\ub429\ub2c8\ub2e4.<\/li>\n<\/ul>\n<h4>\ub3d9\uc77c\ud55c \uc2a4\ud0c0\uc77c, \ub3c5\ud2b9\ud55c \ud074\ub798\uc2a4<\/h4>\n<p>\ub450 \uac1c\uc758 Figma \ub808\uc774\uc5b4 \ub610\ub294 Figma \ub808\uc774\uc5b4\uc640 Webflow \uc694\uc18c\uac00 \ub3d9\uc77c\ud55c \uc2a4\ud0c0\uc77c\uc744 \uacf5\uc720\ud558\uc9c0\ub9cc \ud074\ub798\uc2a4 \uc774\ub984\uc774 \ub2e4\ub978 \uacbd\uc6b0 \ud50c\ub7ec\uadf8\uc778\uc740 \ud574\ub2f9 \ud074\ub798\uc2a4\ub97c \ud1b5\ud569\ud569\ub2c8\ub2e4. \uc774 \uc791\uc5c5\uc740 Webflow\uc5d0\uc11c \uc911\ubcf5 \ud074\ub798\uc2a4 \uc778\uc2a4\ud134\uc2a4 \uc218\ub97c \uc904\uc774\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4.<\/p>\n<p>\uc608\ub97c \ub4e4\uc5b4, Figma\uc5d0 \ub3d9\uc77c\ud55c CSS \uc2a4\ud0c0\uc77c\uc744 \uacf5\uc720\ud558\uc9c0\ub9cc \uc774\ub984\uc774 \ub2e4\ub978 2\uac1c\uc758 \ub808\uc774\uc5b4\uac00 \uc788\ub294 \uacbd\uc6b0(\uc608: \ud558\ub098\uc758 \uc81c\ubaa9\uc740 &quot;Navbar&quot;\uc774\uace0 \ub2e4\ub978 \ud558\ub098\uc758 \ub808\uc774\ube14\uc740 &quot;Cool navbar&quot;), Webflow\ub294 \ub3d9\uc77c\ud55c &quot;Navbar&quot; \ud074\ub798\uc2a4\ub97c \ud560\ub2f9\ud558\uc5ec \uc774\ub97c \uac04\uc18c\ud654\ud569\ub2c8\ub2e4. \ub458 \ub2e4 Webflow \uce94\ubc84\uc2a4\uc5d0 \ubd99\uc5ec\ub123\uc740 \ud6c4\uc785\ub2c8\ub2e4.<\/p>\n<h3>\uacb0\ud569 \uc218\uc5c5<\/h3>\n<p>\ucd94\uac00 \uae30\ub2a5\uc740 \uc2ac\ub798\uc2dc \ub4a4\uc5d0 \ud074\ub798\uc2a4 \uc774\ub984\uc744 \ucd94\uac00\ud558\uc5ec Figma \ub808\uc774\uc5b4\uc5d0 \uacb0\ud569 \ud074\ub798\uc2a4\ub97c \uc0dd\uc131\ud558\ub294 \uac83\uc785\ub2c8\ub2e4(\uc608: &quot;\uae30\ubcf8 \ud074\ub798\uc2a4\/\ucf64\ubcf4 \ud074\ub798\uc2a4\/\ub450 \ubc88\uc9f8 \ucf64\ubcf4 \ud074\ub798\uc2a4&quot;).<\/p>\n<h3>\uc77c\ub7ec\uc2a4\ud2b8\ub808\uc774\uc158<\/h3>\n<p>\uc774\ubbf8\uc9c0\uac00 \ud3ec\ud568\ub41c \ub514\uc790\uc778\uc744 \ubd99\uc5ec\ub123\uc73c\uba74 \ud574\ub2f9 \uc774\ubbf8\uc9c0\uac00 Webflow\uc758 \uc790\uc0b0 \ud328\ub110\uc5d0 \uc5c5\ub85c\ub4dc\ub429\ub2c8\ub2e4. \ub2e4\uc74c\uc5d0\uc11c \uc801\uc808\ud55c \uc0ac\uc774\ud2b8\ub97c \uc120\ud0dd\ud588\ub294\uc9c0 \ud655\uc778\ud558\uc2ed\uc2dc\uc624. <strong>Webflow \uc0ac\uc774\ud2b8 \uc120\ud0dd <\/strong>\ud50c\ub7ec\uadf8\uc778 \ubaa8\ub2ec \ucc3d \ub0b4\uc758 \ub4dc\ub86d\ub2e4\uc6b4; \uadf8\ub807\uc9c0 \uc54a\uc73c\uba74 \uc774\ubbf8\uc9c0\uac00 \uc790\uc0b0 \ud328\ub110\uc5d0 \uc5c5\ub85c\ub4dc\ub418\uc9c0 \uc54a\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h6><strong>\uba54\ubaa8:<\/strong> \uc790\uc0b0 \ud328\ub110\uc5d0 \uc5c5\ub85c\ub4dc\ub41c \uc774\ubbf8\uc9c0\ub97c \ubcf4\ub824\uba74 Webflow \ub514\uc790\uc774\ub108\ub97c \uc0c8\ub85c \uace0\uccd0\uc57c \ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/h6>\n<h3>\ub9c8\ud06c\uc5c5 \uc694\uc18c<\/h3>\n<p>\ud50c\ub7ec\uadf8\uc778\uc740 \uc9c0\uc815\ub41c \uae30\uc900\uc5d0 \ub530\ub77c \uac01 Figma \ub808\uc774\uc5b4\uc5d0 \uc801\ud569\ud55c HTML \ud0dc\uadf8\ub97c \ucd94\ub860\ud558\ub824\uace0 \ub178\ub825\ud569\ub2c8\ub2e4.<\/p>\n<ul role=\"list\">\n<li><strong>\uc575\ucee4 \ud0dc\uadf8<\/strong>: \ub808\uc774\uc5b4 \uc774\ub984\uc5d0 &amp;quot;\ubc84\ud2bc&amp;quot;\uc774 \ud3ec\ud568\ub418\uc5b4 \uc788\uc73c\uba74 \ub808\uc774\uc5b4\uac00 HTML \uc575\ucee4 \ud0dc\uadf8\ub85c \ubcc0\ud658\ub429\ub2c8\ub2e4(\uc608: &amp;quot;&lt;a&gt;&amp;quot;)<\/li>\n<li><strong>\ub2e8\ub77d \ud0dc\uadf8<\/strong>: \ub808\uc774\uc5b4 \uc774\ub984\uc5d0 &amp;quot;\uc124\uba85&amp;quot;, &amp;quot;\ud14d\uc2a4\ud2b8&amp;quot;, &amp;quot;\ub2e8\ub77d&amp;quot;\uc774 \ud3ec\ud568\ub41c \uacbd\uc6b0 \ub808\uc774\uc5b4\ub97c HTML \ub2e8\ub77d \ud0dc\uadf8(\uc608: &amp;quot;&lt;p&gt;&amp;quot;)<\/li>\n<li><strong>\uc81c\ubaa9 \ud0dc\uadf8<\/strong>: \ub808\uc774\uc5b4 \uc774\ub984\uc5d0 &amp;quot;heading&amp;quot;\uc774 \ud1b5\ud569\ub418\uba74 HTML H1 \ud0dc\uadf8\ub85c \ubcc0\uacbd\ub429\ub2c8\ub2e4(\uc608: &amp;quot;&lt;h1&gt;&amp;quot;)<\/li>\n<\/ul>\n<p>\uadf8\ub7ec\ub098 \ud50c\ub7ec\uadf8\uc778\uc5d0\uc11c \uc0ac\uc6a9\ub418\ub294 HTML \ud0dc\uadf8\ub97c \ubcc0\uacbd\ud558\ub824\ub294 \uacbd\uc6b0 \uc218\ub3d9 \uad6c\uc131\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n<h4>HTML \ud0dc\uadf8 \uc218\ub3d9 \uacb0\uc815<\/h4>\n<p>\ub808\uc774\uc5b4 \uc774\ub984\uc744 \ubc14\uafb8\uace0 \ub300\uad04\ud638\ub85c \ubb36\uc778 \ud0dc\uadf8 \uc774\ub984\uacfc \ud558\uc774\ud508 2\uac1c\ub97c \ucd94\uac00\ud558\uc5ec \uac01 Figma \ub808\uc774\uc5b4\uc5d0 \ub300\ud55c HTML \ud0dc\uadf8\ub97c \uc9c0\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4(\uc608: \u201c[H1]\u2013\ub808\uc774\uc5b4 \uc774\ub984\u201d).<\/p>\n<h6><strong>\uba54\ubaa8:<\/strong> \ud0dc\uadf8\uc758 \uccab \uae00\uc790\uac00 \ub300\ubb38\uc790\uc778\uc9c0 \ud655\uc778\ud558\uc138\uc694.<\/h6>\n<p>\ud50c\ub7ec\uadf8\uc778\uc740 \ub2e4\uc74c HTML \ud0dc\uadf8\ub97c \uc218\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n<ol role=\"list\">\n<li>H1<\/li>\n<li>H2<\/li>\n<li>H3<\/li>\n<li>H4<\/li>\n<li>H5<\/li>\n<li>H6<\/li>\n<li>\ud53c<\/li>\n<li>\u314f<\/li>\n<li>\uc0ac\uc5c5\ubd80<\/li>\n<\/ol>\n<figure class=\"w-richtext-align-fullwidth w-richtext-figure-type-image\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/65f35348f919437b39d609d2_11520manually20define20html20tags.webp\" loading=\"lazy\" title=\"65f35348f919437b39d609d2_11520\uc218\ub3d9\uc73c\ub85c20\uc815\uc75820html20\ud0dc\uadf8\"><\/div>\n<\/figure>\n<h3>\ubc30\uacbd \uc635\uc158<\/h3>\n<p>\ud50c\ub7ec\uadf8\uc778\uc740 \uc790\ub3d9 \ub808\uc774\uc544\uc6c3 \ub808\uc774\uc5b4 \ubc0f \ud14d\uc2a4\ud2b8 \ub808\uc774\uc5b4\uc5d0 \ub300\ud574 \ub2e8\uc0c9, \uc120\ud615 \ubc0f \uc774\ubbf8\uc9c0 \ubc30\uacbd\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/p>\n<h6><strong>\uba54\ubaa8:<\/strong> \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud558\uc5ec \ubcf5\uc0ac\ud558\uc5ec \ubd99\uc5ec\ub123\uc740 \ud6c4 \ubc30\uacbd \uc774\ubbf8\uc9c0\uac00 Webflow\uc5d0 \ud45c\uc2dc\ub418\uc9c0 \uc54a\ub294 \uacbd\uc6b0 \ub514\uc790\uc774\ub108 \ud398\uc774\uc9c0\ub97c \uc0c8\ub85c \uace0\uce58\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/h6>\n<h3>\uc801\uc751\uc131<\/h3>\n<p>\ub610\ud55c Figma \ub808\uc774\uc5b4\uac00 \uc218\uc9c1 \uc2a4\ud0dd\uc73c\ub85c \uc804\ud658\ub418\ub294 \uc911\ub2e8\uc810\uc744 \uc720\uc5f0\ud558\uac8c \uacb0\uc815\ud558\uc5ec \ub514\uc790\uc778\uc758 \uc751\ub2f5\uc131\uc744 \ub354 \ud6a8\uacfc\uc801\uc73c\ub85c \uc81c\uc5b4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud50c\ub7ec\uadf8\uc778\uc740 \uc120\ud0dd\ud560 \uc218 \uc788\ub294 4\uac00\uc9c0 \uc911\ub2e8\uc810 \ub300\uc548\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\n<ul role=\"list\">\n<li><strong>\ud0dc\ube14\ub9bf<\/strong> \u2014 \ub808\uc774\uc5b4\uac00 \ud0dc\ube14\ub9bf \uc911\ub2e8\uc810\uc5d0\uc11c \uc218\uc9c1 \uc2a4\ud0dd\uc73c\ub85c \uc804\ud658\ub429\ub2c8\ub2e4(\ud3ed 991px ~ 767px \ubc94\uc704).<\/li>\n<li><strong>\ubaa8\ubc14\uc77c \ud658\uacbd <\/strong> \u2014 \ub808\uc774\uc5b4\ub294 \ubaa8\ubc14\uc77c \uac00\ub85c \uc911\ub2e8\uc810(\ub108\ube44 767px~478px)\uc5d0\uc11c \uc218\uc9c1 \uc2a4\ud0dd\uc73c\ub85c \ubcc0\ud658\ub429\ub2c8\ub2e4.<\/li>\n<li><strong>\ubaa8\ubc14\uc77c \ucd08\uc0c1\ud654 <\/strong> \u2014 \ub808\uc774\uc5b4\ub294 \ubaa8\ubc14\uc77c \uc138\ub85c \uc911\ub2e8\uc810(478px\uc5d0\uc11c 0px \ub108\ube44 \ubc94\uc704)\uc5d0\uc11c \uc218\uc9c1 \uc2a4\ud0dd\uc73c\ub85c \uc804\ud658\ub429\ub2c8\ub2e4.<\/li>\n<li><strong>\uc751\ub2f5\ud558\uc9c0 \uc54a\uc74c <\/strong> \u2014 \ub808\uc774\uc5b4\ub294 \ubdf0\ud3ec\ud2b8 \ub108\ube44\uc5d0 \uad00\uacc4\uc5c6\uc774 \uc218\ud3c9 \uc2a4\ud0dd\uc744 \uc720\uc9c0\ud569\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \uc218\ub3d9\uc73c\ub85c \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360040451373-Explore-auto-layout-properties#direction\" target=\"_blank\" rel=\"noopener\">\ud3ec\uc7a5\ud558\ub2e4<\/a> \uadf8\ub9ac\uace0 <a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360040451373-Explore-auto-layout-properties#Minimum_and_maximum_dimensions\" target=\"_blank\" rel=\"noopener\">\ucd5c\uc18c\/\ucd5c\ub300 \ub108\ube44<\/a> \ub514\uc790\uc778\uc774 \ubc18\uc751\ud558\ub294\uc9c0 \ud655\uc778\ud558\uae30 \uc704\ud574 \uc0c1\uc704 \ud504\ub808\uc784\uc5d0 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<h6><strong>\uba54\ubaa8:<\/strong> \ub808\uc774\uc5b4 \ub108\ube44\uac00 478px \ubbf8\ub9cc\uc774\uac70\ub098 \ub808\uc774\uc5b4\uac00 \uc774\ubbf8 \uc218\uc9c1 \uc2a4\ud0dd\uc5d0 \uc788\ub294 \uacbd\uc6b0 \ubc18\uc751\ud615 \ub4dc\ub86d\ub2e4\uc6b4\uc5d0\uc11c \ub808\uc774\uc5b4\uc758 \uc751\ub2f5\uc131\uc744 \uad6c\uc131\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4.<\/h6>\n<p>\ub808\uc774\uc5b4\uc758 \uc751\ub2f5\uc131\uc744 \uad00\ub9ac\ud558\ub824\uba74 \ub2e4\uc74c\uc744 \uc218\ud589\ud558\uc2ed\uc2dc\uc624.<\/p>\n<ol role=\"list\">\n<li>\ub808\uc774\uc5b4\ub97c \uc120\ud0dd\ud558\uc138\uc694<\/li>\n<li>\ub85c\ubd80\ud130 <strong>\ubc18\uc751\ud615 <\/strong>\ud50c\ub7ec\uadf8\uc778 \ubaa8\ub2ec\uc758 \ub4dc\ub86d\ub2e4\uc6b4\uc5d0\uc11c \ub808\uc774\uc5b4\uac00 \uc218\uc9c1 \uc2a4\ud0dd\uc73c\ub85c \uc804\ud658\ub418\uc5b4\uc57c \ud558\ub294 \uc911\ub2e8\uc810\uc744 \uc120\ud0dd\ud558\uc138\uc694.<\/li>\n<\/ol>\n<h3>\ud5a5\uc0c1\ub41c \ud50c\ub7ec\uadf8\uc778 \uae30\ub2a5<\/h3>\n<p>\ud50c\ub7ec\uadf8\uc778\uc740 \uc120\ud0dd\ud55c Figma \ub808\uc774\uc5b4\ub97c \ubd84\uc11d\ud558\uace0 \ud574\ub2f9 \uc2a4\ud0c0\uc77c\uacfc \ub808\uc774\uc544\uc6c3\uc744 HTML \ud0dc\uadf8 \ubc0f CSS \uc18d\uc131\uc73c\ub85c \ubcc0\ud658\ud569\ub2c8\ub2e4. \uc790\ub3d9 \ub808\uc774\uc544\uc6c3 \uc694\uc18c\ub9cc \ud5c8\uc6a9\ud558\uba74 \uc774\ub7ec\ud55c \ubcc0\ud658 \uc815\ubc00\ub3c4\uac00 \ubcf4\uc7a5\ub429\ub2c8\ub2e4.<\/p>\n<h6><strong>\uba54\ubaa8: <\/strong>\uc548\ud0c0\uae5d\uac8c\ub3c4 Figma to Webflow \ud50c\ub7ec\uadf8\uc778\uc740 \ud604\uc7ac Safari \ube0c\ub77c\uc6b0\uc800\uc758 Figma\uc640\uc758 \ud638\ud658\uc131\uc774 \ubd80\uc871\ud569\ub2c8\ub2e4. \uacb0\uacfc\uc801\uc73c\ub85c Safari \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c Figma\ub97c \uc0ac\uc6a9\ud558\ub294 \uacbd\uc6b0 \ud50c\ub7ec\uadf8\uc778\uc774 \uc791\ub3d9\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ub300\uc2e0 Chrome\uc774\ub098 Figma \ub370\uc2a4\ud06c\ud1b1 \uc571\uc744 \uc0ac\uc6a9\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/h6>\n<h2>Figma\uc5d0\uc11c Webflow \ud50c\ub7ec\uadf8\uc778 \uc81c\uac70<\/h2>\n<p>\uc791\uc5c5 \uacf5\uac04\uc774\ub098 \uc0ac\uc774\ud2b8 \uc911 \ud558\ub098\uc5d0\uc11c Figma to Webflow \ud50c\ub7ec\uadf8\uc778\uc744 \uc81c\uac70\ud558\ub824\uba74 \ucc98\uc74c\uc5d0 \ud50c\ub7ec\uadf8\uc778 \uc561\uc138\uc2a4 \uad8c\ud55c\uc744 \ubd80\uc5ec\ud55c \uc704\uce58\ub97c \ud655\uc778\ud574\uc57c \ud569\ub2c8\ub2e4. Workspace \uc778\uc99d\uc744 \ubc1b\uc73c\ub824\uba74 \ub2e4\uc74c \ub2e8\uacc4\uc5d0 \ub530\ub77c \ud50c\ub7ec\uadf8\uc778\uc744 \uc81c\uac70\ud558\uc138\uc694. \uc0ac\uc774\ud2b8\ubcc4 \uc2b9\uc778\uc744 \ubc1b\uc73c\ub824\uba74 \uc0ac\uc774\ud2b8\uc5d0\uc11c \ud50c\ub7ec\uadf8\uc778\uc744 \uc81c\uac70\ud558\ub294 \ub2e8\uacc4\ub97c \uc9c4\ud589\ud558\uc138\uc694.<\/p>\n<h3>\uc791\uc5c5\uacf5\uac04\uc5d0\uc11c \ud50c\ub7ec\uadf8\uc778 \uc81c\uac70<\/h3>\n<p>\uc791\uc5c5\uacf5\uac04\uc5d0\uc11c Figma to Webflow \ud50c\ub7ec\uadf8\uc778\uc744 \uc81c\uac70\ud558\ub824\uba74:<\/p>\n<ol role=\"list\">\n<li>\uc561\uc138\uc2a4 <strong>\uacc4\uc815<\/strong> \ud0d0\uc0c9\ubc14\uc758 \ub4dc\ub86d\ub2e4\uc6b4<\/li>\n<li>\ud074\ub9ad <strong>\uc791\uc5c5\uacf5\uac04<\/strong><\/li>\n<li>\ud50c\ub7ec\uadf8\uc778\uc744 \uc81c\uac70\ud558\ub824\ub294 \uc791\uc5c5\uacf5\uac04\uc744 \uc120\ud0dd\ud558\uc138\uc694.<\/li>\n<li>\ub85c \uc774\ub3d9 <strong>\uc791\uc5c5\uacf5\uac04 \uc124\uc815<\/strong> &gt; <strong>\ud1b5\ud569 <\/strong>\ud0ed &gt; <strong>\uc2b9\uc778\ub41c \uc2e0\uccad\uc11c<\/strong><\/li>\n<li>\uc120\ud0dd <strong>\ucde8\uc18c<\/strong> &quot;Webflow from Figma to Site&quot; \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc6a9<\/li>\n<\/ol>\n<h3>\uc0ac\uc774\ud2b8\uc5d0\uc11c \ud50c\ub7ec\uadf8\uc778 \uc81c\uac70<\/h3>\n<p>\uc0ac\uc774\ud2b8\uc5d0\uc11c Figma to Webflow \ud50c\ub7ec\uadf8\uc778\uc744 \uc81c\uac70\ud558\ub824\uba74:<\/p>\n<ol role=\"list\">\n<li>\uadc0\ud558\uc758 <strong>\uacc4\uae30\ubc18<\/strong><\/li>\n<li>\u201c\ub97c \ud074\ub9ad\ud558\uc138\uc694.<strong>\uacf5\uac1c \uc810 3\uac1c<\/strong>\u201d \uc6d0\ud558\ub294 \uc0ac\uc774\ud2b8 \uc606<\/li>\n<li>\ub85c \uc774\ub3d9 <strong>\uc124\uc815<\/strong><\/li>\n<li>\ub85c \uc9c4\ud589 <strong>\uc0ac\uc774\ud2b8 \uc124\uc815<\/strong> &gt; <strong>\ud1b5\ud569 <\/strong>\ud0ed &gt; <strong>\uc2b9\uc778\ub41c \uc2e0\uccad\uc11c<\/strong><\/li>\n<li>\ud074\ub9ad <strong>\ubcf4\ub2e4<\/strong><\/li>\n<li>\uc120\ud0dd\ud558\ub2e4 <strong>\uacc4\uc815 \ud1b5\ud569 \uc124\uc815<\/strong><\/li>\n<li>\ubc29\ubb38\ud558\ub2e4 <strong>\uacc4\uc815 \uc124\uc815<\/strong> &gt; <strong>\u00a0\uc2b9\uc778\ub41c \uc2e0\uccad\uc11c<\/strong><\/li>\n<li>\ud074\ub9ad <strong>\ucde8\uc18c<\/strong> &quot;Webflow from Figma to Site&quot; \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc6a9<\/li>\n<\/ol>\n<h2>\ud50c\ub7ec\uadf8\uc778 \ubb38\uc81c \ud574\uacb0<\/h2>\n<p>\ud50c\ub7ec\uadf8\uc778\uc774 \ub514\uc790\uc778\uc744 \uc815\ud655\ud558\uac8c \ubcf5\uc0ac\ud558\uc9c0 \ubabb\ud558\ub294 \uacbd\uc6b0 \uba3c\uc800 \uc9c0\uc6d0\ub418\ub294 \ube0c\ub77c\uc6b0\uc800\ub97c \uc0ac\uc6a9\ud558\uace0 \uc788\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694. \ud50c\ub7ec\uadf8\uc778\uc774 \uc9c0\uc6d0\ub418\ub294 \ube0c\ub77c\uc6b0\uc800\uc5d0\ub294 Chrome \ubc0f Figma \ub370\uc2a4\ud06c\ud1b1 \uc571\uc774 \ud3ec\ud568\ub429\ub2c8\ub2e4. \ud2b9\ud788 \uc774 \ud50c\ub7ec\uadf8\uc778\uc740 \ud604\uc7ac Safari \ube0c\ub77c\uc6b0\uc800\uc758 Figma\uc640 \ud638\ud658\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ubb38\uc81c\uac00 \uc9c0\uc18d\ub418\uba74 \ub2e4\uc74c \uc870\uce58\ub97c \uc2dc\ub3c4\ud574 \ubcf4\uc2ed\uc2dc\uc624.<\/p>\n<ul role=\"list\">\n<li><strong>\uc790\ub3d9 \ub808\uc774\uc544\uc6c3\uc744 \ud65c\uc6a9\ud558\uc5ec \ub2e8\uc77c \uc0ac\uc804 \uad6c\ucd95\ub41c \ub808\uc774\uc544\uc6c3, \uc0ac\uc804 \uad6c\ucd95\ub41c \uad6c\uc870 \ub610\ub294 \ud14d\uc2a4\ud2b8 \ub808\uc774\uc5b4\ub97c \ubcf5\uc0ac\ud558\uace0 Webflow\uc5d0 \ubd99\uc5ec\ub123\uc2b5\ub2c8\ub2e4.<\/strong> \u2014 \ud504\ub808\uc784\uc774 \uc62c\ubc14\ub974\uac8c \ubcf5\uc0ac\ub418\uc5b4 \ubd99\uc5ec\ub123\uc5b4\uc9c0\uba74 \ud50c\ub7ec\uadf8\uc778\uc774 \uc791\ub3d9\ud558\ub294 \uac83\uc785\ub2c8\ub2e4. \ud504\ub808\uc784\uc774 \uc62c\ubc14\ub974\uac8c \ubcf5\uc0ac\ub418\uc9c0 \uc54a\uc73c\uba74 \uaddc\uc815\ub41c \ubb38\uc81c \ud574\uacb0 \ub2e8\uacc4\ub97c \uc9c4\ud589\ud558\uc2ed\uc2dc\uc624.<\/li>\n<li><strong>\ud0d0\uad6c\ud558\ub2e4<\/strong> \uc6b0\ub9ac\uc758 \uc194\ub8e8\uc158 <a href=\"https:\/\/webflow.circle.so\/join?invitation_token=99795801d4a6c427c3be0dd47508453032522f6c-f23ea5a4-2917-491b-8e75-37a2484e8630\" target=\"_blank\" rel=\"noopener\">Webflow \uc5f0\uad6c\uc18c \ucee4\ubba4\ub2c8\ud2f0<\/a><\/li>\n<li><strong>\uad00\uacc4\ub97c \ub9fa\ub2e4<\/strong> \uc5d0\uc11c <a href=\"https:\/\/webflow.circle.so\/join?invitation_token=99795801d4a6c427c3be0dd47508453032522f6c-f23ea5a4-2917-491b-8e75-37a2484e8630\" target=\"_blank\" rel=\"noopener\">Webflow \uc5f0\uad6c\uc18c \ucee4\ubba4\ub2c8\ud2f0<\/a> \uc9c8\ubb38\uc744 \ud568\uc73c\ub85c\uc368<\/li>\n<\/ul>\n<p>\uc704\uc758 \ubb38\uc81c \ud574\uacb0 \ub2e8\uacc4\ub97c \uc218\ud589\ud55c \ud6c4\uc5d0\ub3c4 \ubb38\uc81c\uac00 \uc9c0\uc18d\ub418\uba74 \ubb38\uc81c\uac00 \uc788\ub294 \ud504\ub808\uc784\uc774 \ud3ec\ud568\ub41c \uc0c8 Figma \ud30c\uc77c\uc744 \uc0dd\uc131\ud558\uc5ec Webflow Labs \ud300\uacfc \uacf5\uc720\ud558\uc2ed\uc2dc\uc624. <a href=\"mailto:labs@webflow.com\">labs@webflow.com<\/a>. \uadf8\ub4e4\uc740 \uadc0\ud558\uc758 \uc6b0\ub824 \uc0ac\ud56d\uc744 \uc989\uc2dc \ud574\uacb0\ud574 \ub4dc\ub9b4 \uac83\uc785\ub2c8\ub2e4.<\/p>\n<h2>\ud53c\ub4dc\ubc31 \uc81c\uacf5<\/h2>\n<p>\uc6b0\ub9ac\ub294 \uc774 \ud50c\ub7ec\uadf8\uc778\uc744 \uac1c\uc120\ud558\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub420 \uadc0\ud558\uc758 \uc0dd\uac01, \uc758\uacac \ubc0f \ud53c\ub4dc\ubc31\uc744 \uac04\uc808\ud788 \uae30\ub2e4\ub9ac\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uadc0\ud558\uc758 \ud1b5\ucc30\ub825\uc744 \uc6b0\ub9ac\uc640 \ud568\uaed8 \uce5c\uc808\ud558\uac8c \uae30\uc5ec\ud574 \uc8fc\uc2ed\uc2dc\uc624. <a href=\"https:\/\/webflow.circle.so\/join?invitation_token=99795801d4a6c427c3be0dd47508453032522f6c-f23ea5a4-2917-491b-8e75-37a2484e8630\" target=\"_blank\" rel=\"noopener\">Webflow \uc5f0\uad6c\uc18c \ucee4\ubba4\ub2c8\ud2f0<\/a>.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"Figma \ub514\uc790\uc778\uc744 \ubcf5\uc0ac\ud558\uc5ec Webflow\uc5d0 \ubd99\uc5ec\ub123\uc5b4 \uc0ac\uc774\ud2b8 \uad6c\ucd95\uc744 \uac04\uc18c\ud654\ud558\uc138\uc694.","protected":false},"author":2,"featured_media":4412,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[284],"tags":[],"class_list":{"0":"post-4411","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-layout-design","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/4411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/comments?post=4411"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/4411\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media\/4412"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media?parent=4411"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/categories?post=4411"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/tags?post=4411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}