or
or
By clicking below, you agree to our terms of service.
New to HackMD? Sign up
Syntax | Example | Reference | |
---|---|---|---|
# Header | Header | 基本排版 | |
- Unordered List |
|
||
1. Ordered List |
|
||
- [ ] Todo List |
|
||
> Blockquote | Blockquote |
||
**Bold font** | Bold font | ||
*Italics font* | Italics font | ||
~~Strikethrough~~ | |||
19^th^ | 19th | ||
H~2~O | H2O | ||
++Inserted text++ | Inserted text | ||
==Marked text== | Marked text | ||
[link text](https:// "title") | Link | ||
 | Image | ||
`Code` | Code |
在筆記中貼入程式碼 | |
```javascript var i = 0; ``` |
|
||
:smile: | ![]() |
Emoji list | |
{%youtube youtube_id %} | Externals | ||
$L^aT_eX$ | LaTeX | ||
:::info This is a alert area. ::: |
This is a alert area. |
On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?
Please give us some advice and help us improve HackMD.
Do you want to remove this version name and description?
Syncing
xxxxxxxxxx
🗞 Figma 線上標示文件教學
如何檢視標示文件
步驟一:必須先註冊 Figma 服務,如下圖
步驟二:登入後,就可以進行檢視模式
切換點擊元素、拖動模式
快捷鍵(Windows/Mac)
感覺 Size 好像缺了點
可能是右上角沒有顯示 100%
點擊介面右上角進行調整

抓元素跟元素之間的距離
下載圖片
點擊元素後,點選右側對應控制列 > export 面板 > 選取輸出圖片格式
下載整張設計稿
點選左上角控制項 > File > Export 後,點選右側你想下載的整張圖示。
觀看文字大小與行距
點選元素後,就可從右側觀看資訊
觀看動態效果
步驟一:點擊右上角紅框處
步驟二:就會進入 prototype 模式,可 hover 、click 觀看互動效果
Figma 如何觀看 icon 名稱
留言在設計稿上
如果你對於設計稿有疑問,可以在設計稿上留言。設計師也會收到通知,並能直接回覆你喔!
步驟一:點擊右上角紅框處的留言icon
步驟二:你的游標會變成 pin 的樣子,意思就是進入 comment 模式。點擊設計稿上有疑問的地方,寫下你的疑問,並點擊post就完成囉!