Figma

2020/12/26
2021/01/12 (補充資料)

簡介

• Bring Figma into your classroom **

  • 申請Figma教育帳號 (兩年免費，兩年後如果還是學生身份可再申請)

• FIGMA註冊與基本認識 / 基本功能介紹 / UI MOCKUP軟體介紹 **

• UI設計師之工具學習指南系列

  • 【Day15】進入Figma篇

  • 【Day16】Figma篇 : Components

  • 【Day17】Figma篇 : Constraints

  • 【Day18】Figma篇 : Smart Selection

  • 【Day19】Figma篇 : Auto Layout

  • 【Day20】Figma篇 : Auto Layout 小實做

  • 【Day21】Figma篇 : 發現隱藏的小功能

  • 【Day22】Figma篇 : 夢幻的鋼筆工具

  • 【Day23】Figma篇 : 令人驚豔的Mask(遮罩)

  • 【Day24】Figma篇 : Layout Grid

  • 【Day25】Figma篇 : 常用快捷鍵小整理

  • 【Day26】Figma篇 : 從手機預覽

  • 【Day27】Figma篇 : 設計到切版

  • 【Day28】Figma篇 : 實作

• Figma UI Design Tutorial: Get Started in Just 24 Minutes! (2021) (24:22) **

  • Figma Resources

  • Evericons for Figma

  • Unsplash

• Intro to Figma - Beginners guide to Figma Basics (16:07) **

• Figma Help Center

  • Getting Started

  • Figma Organization

  • Community

  • Administration

  • Video Tutorials

    • Figma offical Youtube channel

      • What's Figma? (1:35)

      • Figma For Beginners: Explore ideas (1/4) (15:49)

        • Frames

        • Layers

          • Group Layers

        • Components

          • Instances

        • Constraints

      • Figma For Beginners: Create designs (2/4) (21:24)

      • Figma For Beginners: Build prototypes (3/4) (7:45)

      • Figma For Beginners: Prepare for Handoff (4/4) (5:10)

  • Components

  • Downloads

  • Figma Blogs

• Learn Design Pilot (Figma official site)

• Import Figma Designs into Axure

• Figma設計軟體-學習日記Day.01

  • 中文字體的問題: Figma Font Helper

• Figma學習日記Day.02 — 記住這三個元件名稱，Figma馬上就上手！