axure既然能畫高保真模型，為什麼不技術上優化代碼，直接用於前端？

01-14

如題，關於不能用於前端，有知友說代碼不精簡，有些不能實現，但是這些技術上應該是可以優化和解決的。那麼為什麼不和Dreamweaver類似，畫出的原型直接生成代碼用於前端呢。或者換一種說法，為什麼沒有一個Dreamweaver類似的軟體，實現可視化的布局和操作，然後生成前端的可以用的代碼？如果說需要做實現一個類似的工具，有什麼技術困難，目前有哪家公司最有可能做？

如果你看過Axure的代碼就會知道，它幾乎全是用絕對定位來部署頁面元素的。

前端寫代碼，是像建高樓那樣，打地基，一層一層的建，充分考慮建築原理。

Axure生成的代碼是什麼？紙糊的「高樓大廈」，隨時這裡空了就補一塊，那裡多了就拆一塊，能用嗎？

所以一般人不會用Axure來建真正的高樓，而只會用來做紙糊的模型高樓，供建築師參考，這就是原型了。你不能認為它做出來的模型很漂亮很保真就真的能建高樓。

Axure 高保真在哪裡？

Axure，是快速原型工具，是來畫原型的，不是前端工具。想做前端，去學js和css。

瀉藥

有很多可以直接生成web代碼的工具，但是都無法應用於實際工作中，其實我現在在打字的編輯器不就是自動生成了web代碼。

adobe/微軟/谷歌/facebook都可以做出來，為啥沒有做啊，肯定是做出來的不符合現階段的使用，尤其是微軟的vs那麼強大，一拖一拽就是一個界面，可以你做出來的是你老闆要的嗎，我想肯定不是。

其實現實中還是有很多一拖一拽做出來的網頁的，但是大都是一次性使用而且比較小的，比如剛才我說的在線編輯器，就是自動微信的場景應用啊，網上有很多自動生成工具，那個就是普通人托拖拽拽，設置幾個動畫效果就可以在微信里傳播了，但是大的項目肯定不行，程序這個東西啊，不是開發一次就完事兒，更重要的是維護，你當下生成完事兒了，可以後期維護更新就麻煩了，再加上動態數據，修改要修改一個功能，那得麻煩死。

我也一直想要一個軟體，我把設計的圖往軟體里一拖就自動生成了高質量的代碼，但是現實是生成不了高質量的代碼，adobe在這方面一直在探索，畢竟大多數圖是ps做出來的，而且adobe也一直在關注著web的發展，比如dw編輯器啊和brackets編輯器啊都是adobe公司出的，brackets編輯器就可以把圖拖進去啊，然後自動獲取css代碼。

現在這些都處於半自動化，我也相信總有一天寫代碼可以變成全自動化。據說現在已經有了程序生成程序的語言了。

原型是為了能快速溝通，討論解決問題的可行性。如果你要是用axure直接代替前端的話，效率是不高的。hype可以實現界面布局然後把代碼直接用，但是也需要仔細調試才能保證代碼精簡，互聯網上的精簡代碼對於seo等很有用的哦！

其實題主只要知道一個事實，就是沒有哪個公司的前端是用Dreamweaver生成代碼的。

好好做產品吧，多虛心學習，少吐槽，多謙卑。

你都說是模型了，模型飛機能真的當飛機用嗎? 除了上面大家說的以外，我想補充一點，我們在做界面設計的時候，是沒有處理任何數據的，都是假數據，所以很多元素就是直接拖上去，而實際的前端得用js讀取資料庫然後動態生成，所以你axure再高保真也只能是前端的參考。

你弄反了

弄反了

如果這樣的話，應該是，為啥要產品狗！

不是沒有，但是局限性很大。題主可以嘗試下以下幾款工具

1.WYSIWYG Web Builder 10

網址：WYSIWYG Web Builder

2. Adobe Muse

網址：Web design software

謝邀，因為前段不光只有展示，還有其他，比如性能和介面，這些 Axure 目前還做不到。

朋友，有生之年肯定會實現的，我給你打包票

肯定不可能啊，前端要做後端介面。代碼上要做各種優化，還有維護等等，像Dreamweaver這種軟體生成的代碼都是非常差，完全沒有辦法用。

用這個畫高保真？！

用過你就懷念 sketch、adobe全家桶多麼人性化！ppt都比它好畫圖

需求是找個女朋友，你用橡膠和空氣做了一個充氣娃娃。看起來沒啥區別，甚至也能點一點，按一按。還能和網站一樣有跳轉有動態效果。

這就是所謂的「原型」。

因為程序員不喜歡優化Axure生成的「垃圾代碼」。