Designtips.today 設計日常#14
🎤 Figma Config 2023 講者出爐 x 🌐 No Code 網頁編輯器 Framer x 🇰🇷 Framer 產品設計師 Anne Lee
用文字將生活周遭有趣故事記錄下來 — 希望把日常發現的設計趨勢、產品故事、與創作者整理成《Designtips.today 設計日常》,帶給你在設計上、生活上更多不同的觀點!
🌈 Designtips.today 設計日常
本週小編來到新北台藝大附近的浮洲書店,這裡距離捷運站需要約 15 分鐘的步行路程。整個書店就好像一個圖書館,這篇電子報的想法就是在這空間裡慢慢匯集而成的 ✨
🎨 本週 Figma - Config 2023 講者出爐
本週終於在 Config 2023 網站上看到講者清單了,這些就是近 1000 個投稿中最後獲選的 75 位講者,一看完就能想像這一屆的精采程度 (以及為何我會落選的原因 😆) Airbnb CEO, Diagram CEO, MIT Media Lab, Netflix VP… 講者排開就是明星陣容,他們都是在世界最知名、最前線的科技公司解決各種困難的設計需求:
Diagram CEO - Jordan: 目前致力於打造在產品設計中協助人類「創作」的 AI,早在 Config 2021 上他就已經展示如何用 GPT-3 把人類的語言轉換成設計稿上的物件們,相信這次年會上他也會再次端出更讓人驚艷的 AI 工具!
Haraldur Thorleifsson(Halli) - 知名 design agency Ueno 的創辦人、Twitter design Lead、餐廳老闆、音樂創作者 同時也是冰島的 Person of the Year 獲獎人。很難想像患有 genetic muscle dystrophy (肌肉萎縮症) 的他是如何同時兼顧那麼多的事情,一樣非常期待他會在年會帶來什麼有趣的議題!
以上僅是 75 位中的兩位簡介,就已經很讓人期待年會內容了。個人觀點認為這次的年會跟去年不太一樣,如果說去年廣邀世界各地來自不同產業、公司規模的講者,讓 Figma 可以遍地開花,我認為今年的年會把水準拉高了一個檔次,想帶給大家更深度的討論、分享,但同時,我也觀察到今年的亞洲面孔少了好多,希望在未來可以聽到更多屬於亞洲的設計故事呢 🙌
🔮 遇見好產品 - Framer (No Code web builder)
今年開始,漸漸在社群媒體上看到越來越多設計接案者都使用了 Framer 來建構網頁,也不斷看到 Framer 端出許多殺手級的功能讓一些 Webflow 使用者慢慢轉移過去。
從 2015 年開始,讓設計師可以使用 Coffeescript 製作 Hi-fidelity prototype,Framer 就走出一條非常特別的路,雖然產品功能相對複雜,但製作出來的設計讓人驚艷、甚至能在團隊內協助推動很多的討論。在 2018 年推出 Framer Motion — 現在成為許多網頁互動套件的基礎後,他們是更加確定了公司應該前進的方向。於 2020 問世的 Framer Web 逐漸獲得市場,成為許多人搭建網頁的選擇 (一路走來好不容易 ✨)
目前每週都可以在 Framer community 上看到許多人製作的網頁,部分的網頁還是可以直接複製來使用,社群上看到最有印象的是 https://groovystickers.framer.website/ 整體的動畫很流暢、也藏了許多細節讓使用者跟網頁元件互動時會發出「哇」的驚呼 🤩
我最近也將個人網頁 https://designtips.today/ 從以前的 Github + Netlify 搬到 Framer 上了!整體的 Framer 編輯器介面就像是 Figma 一樣輕鬆好操作,另外也可以再撰寫程式 (React component) 達到更高的頁面互動,除此之外每次更新後部署只要 3~5 秒。光是這些彈性就開啟更多可能性,也讓維護網頁的時間成本大幅下降 ⚡
目前 Framer 提供的編輯器與後台管理還是有些限制,但是我自己大約 90% 的需求已經被滿足,剩下的就在給團隊一點時間!我也推薦大家看看 Framer 的介紹教學,也許下一個網站用它來製作不失為一個好的嘗試 🔮
👀 Hi! 產品人 - Anne Lee
「設計師需要會寫程式嗎?」
今年,Anne 從任職三年的 Framer 離開,成為一位 freelancer。第一次接觸到 Anne 的作品是從她的 2018 年 30 天學習 FramerX 系列文章,在短短的一個月中她製作出許多互動性很高的 High fedility 設計概念,而最棒的是這些都可以動手實際玩看看 (圓盤式選轉 Menu, 直播愛心氣泡動畫…) 這些互動到 2023 年還是有些設計工具辦不到的呢!
也因為這個 Side project 讓 Framer 團隊看見並與他聯繫,後來 Anne 也在 2019 年成為團隊的一員!在 Framer 這樣的 No code 編輯器產品中,設計師具備網頁建構的知識、甚至會自己用程式來建立網站一定是必須具備的技能,因為他們在介面上規劃的任何功能都會在背後轉換成實際網頁運作的邏輯。所以設計師就一定需要會寫程式嗎?我想最終還是回歸你所在的團隊與產品,寫程式如果可以幫助「決策」與「達成共識」,那它就是你不可或缺的技能!
Anne 在年初離開 Framer 開始了自己的工作室,很喜歡他在社群、個人網站上放的專案展示,這些專案大多都是用 Framer 建立而成的,有興趣的朋友請持續關注 Anne 在歐洲的旅程與他在專案上的探索吧!
以上就是本期的設計日常觀察, 歡迎分享給親朋好友,讓更多人訂閱這份設計日常。也可以追蹤 IG: Designtips.today,跟我交流你最近看到的有趣設計故事 🙌。對了,你的小額贊助將會幫助我走得更遠 😇 我們下次見!















