從 Figma 到 HTML、CSS，手把手轉換將設計轉成程式碼

Поделиться
HTML-код
  • Опубликовано: 10 сен 2024
  • 網頁切版直播班：hex.school/bFiWf
    今日設計稿：hex.school/3xPGp
    完稿範例：
    www.casper.tw/...

Комментарии • 5

  • @user-gy9bp9qi2f
    @user-gy9bp9qi2f 10 месяцев назад

    有點可惜，直播聊天室的字跟影片介面右上角重疊，操作會看得不太清楚

  • @wxxr9987
    @wxxr9987 Год назад +1

    代码的源文件有吗？

  • @yanbochen8472
    @yanbochen8472 8 месяцев назад

    謝謝分享～請問這樣製作出來的網頁可以用 github pages 發表嗎？

    • @hexschool
      @hexschool  8 месяцев назад

      當然可以喔

  • @angeltsai785
    @angeltsai785 11 месяцев назад

    1

Следующие
Автовоспроизведение
UI/UX 設計師在幹嘛？賺多少？｜介面設計、體驗設計、設計職涯10:43UI/UX 設計師在幹嘛？賺多少？｜介面設計、體驗設計、設計職涯
UI/UX 設計師在幹嘛？賺多少？｜介面設計、體驗設計、設計職涯設計師 Rex The Designer
Просмотров 157 тыс.
Figma to Webflow | The Fastest Way in 202237:17Figma to Webflow | The Fastest Way in 2022
Figma to Webflow | The Fastest Way in 2022Relume
Просмотров 50 тыс.
Unbelievable AI Tool Converts Figma to Code🔥17:46Unbelievable AI Tool Converts Figma to Code🔥
Unbelievable AI Tool Converts Figma to Code🔥Tech With Tim
Просмотров 292 тыс.
I Bought Shark Tank Tools29:15I Bought Shark Tank Tools
I Bought Shark Tank ToolsJohn Malecki Unscrewed
Просмотров 837 тыс.
hi.20:49hi.
hi.Nikocado Avocado 2
Просмотров 8 млн
What is the GREATEST Fortnite Mythic of All Time?15:14What is the GREATEST Fortnite Mythic of All Time?
What is the GREATEST Fortnite Mythic of All Time?More SypherPK
Просмотров 697 тыс.
New York Jets vs. San Francisco 49ers Game Highlights | NFL 2024 Season11:57New York Jets vs. San Francisco 49ers Game Highlights | NFL 2024 Season
New York Jets vs. San Francisco 49ers Game Highlights | NFL 2024 SeasonNFL
Просмотров 3 млн
成為網頁設計師的第一步！快速上手 HTML & CSS 展開你的網頁設計之旅！28:31成為網頁設計師的第一步！快速上手 HTML & CSS 展開你的網頁設計之旅！
成為網頁設計師的第一步！快速上手 HTML & CSS 展開你的網頁設計之旅！PAPAYA 電腦教室
Просмотров 146 тыс.
Python 全民瘋AI系列 [Day 28] API前後端串接29:20Python 全民瘋AI系列 [Day 28] API前後端串接
Python 全民瘋AI系列 [Day 28] API前後端串接10程式中
Просмотров 7 тыс.
Figma to Website in MINUTES with this INSANE tool…6:37Figma to Website in MINUTES with this INSANE tool…
Figma to Website in MINUTES with this INSANE tool…Tim Gabe
Просмотров 221 тыс.
製作Tesla網站！GSAP/CSS動畫/前端(Frontend)開發教學1:18:12製作Tesla網站！GSAP/CSS動畫/前端(Frontend)開發教學
製作Tesla網站！GSAP/CSS動畫/前端(Frontend)開發教學鬍子Jack
Просмотров 17 тыс.
30分钟学会Vue核心语法 前端开发入行必看35:3930分钟学会Vue核心语法 前端开发入行必看
30分钟学会Vue核心语法 前端开发入行必看吴悠讲编程
Просмотров 13 тыс.
Bootstrap教學 - 利用HTML + CSS，完整編寫網站外觀示範1:27:47Bootstrap教學 - 利用HTML + CSS，完整編寫網站外觀示範
Bootstrap教學 - 利用HTML + CSS，完整編寫網站外觀示範鬍子Jack
Просмотров 92 тыс.
Figma To HTML CSS In 5 Minutes6:09Figma To HTML CSS In 5 Minutes
Figma To HTML CSS In 5 MinutesDear Programmer
Просмотров 36 тыс.
Figma 設計體驗營（上）：基本介面 / Frames1:06:46Figma 設計體驗營（上）：基本介面 / Frames
Figma 設計體驗營（上）：基本介面 / Frames六角學院
Просмотров 56 тыс.
Reduce Prototypes by 50% (Simple trick) | Figma Tutorial5:41Reduce Prototypes by 50% (Simple trick) | Figma Tutorial
Reduce Prototypes by 50% (Simple trick) | Figma TutorialMizko
Просмотров 360 тыс.
Я СДЕЛАЛ ГИГАНТСКУЮ ДУБАЙСКУЮ ШОКОЛАДКУ ВЕСОМ 110 КИЛОГРАММ32:32Я СДЕЛАЛ ГИГАНТСКУЮ ДУБАЙСКУЮ ШОКОЛАДКУ ВЕСОМ 110 КИЛОГРАММ
Я СДЕЛАЛ ГИГАНТСКУЮ ДУБАЙСКУЮ ШОКОЛАДКУ ВЕСОМ 110 КИЛОГРАММvanzai
Просмотров 1,9 млн
Мой телеграмм: v1ann00:14Мой телеграмм: v1ann
Мой телеграмм: v1annАнна Бондарь
Просмотров 51 тыс.
iPhone 16 и 16 Pro / Max - за тебя калым отдам!18:56iPhone 16 и 16 Pro / Max — за тебя калым отдам!
iPhone 16 и 16 Pro / Max - за тебя калым отдам!Rozetked
Просмотров 658 тыс.
Презентация Apple iPhone 16 WYLSACOM 09.09 в 19:00 МСК (смотрим, общаемся, разыгрываем айфоны)3:04:52Презентация Apple iPhone 16 WYLSACOM 09.09 в 19:00 МСК (смотрим, общаемся, разыгрываем айфоны)
Презентация Apple iPhone 16 WYLSACOM 09.09 в 19:00 МСК (смотрим, общаемся, разыгрываем айфоны)Wylsacom
Просмотров 1 млн
İSRAİLLİ YARIŞMACIYA TOKAT GİBİ GÖNDERME: RAKİBİYLE DEĞİL AYAKKABISIYLA TOKALAŞTI00:11İSRAİLLİ YARIŞMACIYA TOKAT GİBİ GÖNDERME: RAKİBİYLE DEĞİL AYAKKABISIYLA TOKALAŞTI
İSRAİLLİ YARIŞMACIYA TOKAT GİBİ GÖNDERME: RAKİBİYLE DEĞİL AYAKKABISIYLA TOKALAŞTISabah
Просмотров 3,1 млн
Арсен выражает уважение #сатир #пародия #маркарян #satyr00:48Арсен выражает уважение #сатир #пародия #маркарян #satyr
Арсен выражает уважение #сатир #пародия #маркарян #satyrSatyr
Просмотров 1,1 млн
Школьные воспоминания 😂 #тнт #shorts #юмор #шоу #однаждывроссии #картункова #вяликова #школа #дети00:40Школьные воспоминания 😂 #тнт #shorts #юмор #шоу #однаждывроссии #картункова #вяликова #школа #дети
Школьные воспоминания 😂 #тнт #shorts #юмор #шоу #однаждывроссии #картункова #вяликова #школа #детиОВР Шоу
Просмотров 160 тыс.
#搞笑视频#农村搞笑#正能量短剧#乡村故事#家庭趣事#欢乐日常00:13#搞笑视频#农村搞笑#正能量短剧#乡村故事#家庭趣事#欢乐日常
#搞笑视频#农村搞笑#正能量短剧#乡村故事#家庭趣事#欢乐日常王后余生欢乐多
Просмотров 2,1 млн