Hey 👋 I just created a page here. You can now buy me a coffee!

Designtip.today is work on design +  prototyping using Figma and Framer

嗨！大家今天好嗎？ 一年一度的 Figma 年會 — Config 已經結束三週，各位最喜歡的分享是哪一個呢？很難得這次以講者的身份參加活動，並分享在公司 PicCollage、設計社群、大學工作坊中發生的五段故事 — “It’s better when we design…

Config 2022: Figma 年會講者回顧

Build design system, today.✨ 在 官網上查看 更完整的資訊📍 先了解 6小時試看版本 從零開始認識與建立設計系統 (Design system) 需具備的觀念與技能，透過 Figma、Notion、ZeroHeight 一步步實作與迭代，將成果導入產品開發流程，成功提升團隊開發效率與品質。What's inside?課程由 4 章節組成，每個章節內都有 Figma 課程單元講義、練習、搭配部分影片操作、與更多閱讀資源，總計約需要 6 - 8 小時的閱讀時間。我們會在 Figma 裡面學習如何一步步建立、深入 Design system 的各個面向:章節一: Style System 樣式系統🌈 Color system學習顏色設定和不同的色彩表示方式，並用有效率的技巧加速建立色階🔡 Font system學習基本的字級系統，以及不同縮放大小可以運用的公式章節二: Layout 排版與佈局📐 Auto layout and Grid system導入格線系統與物件排版方式，建立規格嚴謹的元件📱 Responsive and Breakpoint學習不同使用者螢幕尺寸下的介面與元件響應式變化章節三: Components 實作元件庫⚛️ Atomic design認識原子設計的觀念，任何元件與介面的建立都源自於這個核心思維🧱 Components and variants活用 Figma Variants ，靈活管理負責風格的元件庫章節四: Handoff 工程交付📍 Annotation done right運用不同的 Figma 標註技巧，讓設計交付內容清楚、有效📝 Documentation根據需求導入生產力工具，從不同面向進行設計系統的文件化誰適合上這門課程?這本指南適合已經接觸 Figma 超過半年時間、有基礎概念的人，或是對於 Design system 實作與知識有興趣的同學。若產品團隊正在建構一套系統系統，那相信這本指南中的知識再適合你不過了!購買流程1. 購買此課程，注意購買時填寫的信箱與之後提供上課的 Figma 信箱不一定需要相同。2. 在信箱中找到購買記錄信件，信中可打開上課申請表，把課程認證碼填入表單，讓我能將您的 Figma 帳號 (信箱) 加入指南中。3. 送出表單後約需要等待 6-12 小時的作業時間4. 在信箱收到邀請進入 Figma team 的確認信並按下確認，您在 Figma 上就能查看指南全部的內容了！5. 等待的同時，請觀看指南導覽學習怎麼操作這份指南資源:( https://www.loom.com/share/debce467502d49c29600a2fdd4600512 )購買後我會獲得?Figma 學習講義 (90% 的內容皆為文字與圖片)影片操作 (每部觀念或操作影片長度 1~3 分鐘，總量佔全部指南約 10% 的內容)認識來自世界各地的設計師，與他們在指南內交流、討論議題每個月指南的持續更新這門課程有試看版本嗎?有的，目前在 Youtube 上面有大約 6 小時的公開分享版本， 這些大約涵蓋 30% 的付費內容，你可以在看完這些教材後再決定需不需要購買。請問提供發票明細收據、統編嗎?目前購買指南尚無法提供收據以及統編，但在購買信件中可以申請 Invoice (付款通知)Any questions?歡迎來信至 designtipstoday@gmail.com

設計系統實作指南 | Design System Handbook

Figma (@lichin) | Figma Community

lichin-lin has 45 repositories available. Follow their code on GitHub.

lichin-lin - Overview

Design Tips Today, Design with better way. Click to read Designtips.today | 產品設計的錦囊妙計, by Lichin, a Substack publication with thousands of readers.

Designtips.today | 產品設計的錦囊妙計 | Lichin | Substack

Read writing from Lichin | 產品設計的錦囊妙計 on Medium. 🦄 Design Engineer @PicCollage | 📚 Creator @Designtips.today. Every day, Lichin | 產品設計的錦囊妙計 and thousands of other voices read, write, and share important stories on Medium.

Lichin | 產品設計的錦囊妙計 – Medium

26, Design Engineer @picCollage, Community Advocate of Figma Taiwan 🇹🇼 | volleyball 🏐 hiking 🥾

Twitter

10K Followers, 214 Following, 37 Posts - See Instagram photos and videos from Designtips.today (@designtips.today)

Designtips.today (@designtips.today) • Instagram photos and videos

Design with better way.🌈 產品設計的錦囊妙計📖 分享你所不知的Figma小知識🧢 了解軟體產品中蘊含的設計概念🧑‍🎨 認識有趣的台灣產品愛好者By Lichin | 設計工程師 @piccollage