前言

在「與工程師的協作之路-我與React前端工程師的協作模式」中我和前端工程師嘗試了新方法～
同時，我們也研究了一套元件庫，叫做Ant Design

適時使用一些元件庫或套件其實能夠加速我們的效率！
雖然會有不少設計師覺得「我就是要獨一無二」、「沒有原創不是設計」！

時間許可的情況下，盡可能發展出自己產品的特色雖然是好事，但 站在巨人的肩膀上確實比從平地開始看得更遠
專業的設計師在發展原創的同時，也必須考慮到這點以取得平衡。

如果有現成可用的套件，其實你 不用逼迫工程師用兩倍三倍以上的時間為了你的理想加班！！
這部分請敞開心胸與你的工程師溝通討論～畢竟你的堅持要別人去燃燒生命，尊重是必須的。

（最近寫文風格實在變得好嚴肅，我自己都快不習慣了）

Ant Design

Ant Design是一套元件庫，並且可以支援react！
提供了很多現成的設計概念與元件～

除此之外也提供了sketch檔案供下載，內含各種元件供設計使用，目的是更快的產出畫面。

設計師們也不必太擔心，裡面的CSS不會很封閉，算蠻好改的！彈性很高～
就算不小心忘了要怎麼在react中引入，他也會在每個component附上教學！
像這樣：

import { Button } from 'antd';

ReactDOM.render(
  <div>
    <Button type="primary">Primary</Button>
    <Button>Default</Button>
    <Button type="dashed">Dashed</Button>
    <Button type="danger">Danger</Button>
  </div>,
  mountNode);

components裡面有各種有趣的東西等待大家去發掘～！
以快速完成專案來說真的很推這套！！！

總比那該死的Material-UI.com改都改不動通通寫死氣死人好千百萬倍
（人家本來就是為了Material UI而生的兇什麼兇）

有機會可以試試看喔