Alat prototaip

Untuk siapa : 

Pereka bentuk Ux/Ui.

Mengapa?

• Reka bentuk komponen.
• Kongsi perpustakaan komponen.
• Bekerja secara kolaboratif.

#1 Figma

Paling :

Figma merangkumi semua fungsi Sketch, Invision, Zeplin: reka bentuk, persembahan, prototaip dan pemeriksaan kod semuanya sendiri. 

• perkongsian kolaboratif secara langsung.
• mendayakan dan melumpuhkan perpustakaan kongsi.
• ulasan tentang ruang kerja.
• pengubahsuaian mudah & mendapatkan semula komponen / gaya lata.

Harga :

• Percuma 2 editor & 3 projek.
• DS Libraries $12/bulan/pengguna.

Keserasian platform perkongsian sistem reka bentuk:

• Ketinggian sifar

Penilaian: 4 bintang / 4

#2 Lakaran 

Paling :

• Alat yang paling banyak digunakan oleh komuniti Ux > serasi dengan banyak alatan lain (pemalam editor tema bahan +++).
• Perpustakaan kongsi asli (disesuaikan dengan DS).
• Kosongkan pemisahan halaman simbol.
• Banyak plugin editor tema zeplin / marvel / material sebelum ini.
• Pilihan awan untuk kerja kolaboratif.
• Gaya boleh disunting.

Sekurang-kurangnya :

• Pengurusan gaya tipografi yang rumit.
• Tertinggal sedikit di belakang Figma (berhati-hati perlumbaan belum berakhir!).

Harga :

• $9 setiap pengguna.
• Awan disertakan dalam lesen Sketch.

Keserasian platform perkongsian sistem reka bentuk:

• Invision DSM
• zeroheight 

Penilaian: 3,5 daripada 4 bintang

#3 Adobe XD

Paling :

• Awan kerja kolaboratif.
• Plugin Jira/zeplin/team.
• Membangunkan alat.
• Ulangan komponen/grid keadaan.

Yang lebih rendah:

• Tiada keupayaan untuk menyokong berbilang halaman.
• Tiada salinan gaya.
• Belum sebagus Figma dan masih dalam versi beta.

Harga :

• Percuma untuk prototaip.
• Untuk DS €11,99/bulan/pengguna.

Keserasian platform perkongsian sistem reka bentuk:

• Pemalam toollab DSM (beta).
• zeroheight

Penilaian: 2 daripada 4 bintang

platform perkongsian daripada komponen

Untuk siapa :  

Pereka UX dan pembangun hadapan & seluruh pasukan.

Mengapa?

Berikan pembangun komponen, uruskan versi dan berikan pasukan semua dokumentasi sistem reka bentuk.

Mandatori

Platform mesti mengurus versi.

#1 Ketinggian sifar

Yang paling:

Alat yang boleh diakses untuk pereka bentuk.

Lihat mengikut komponen.

Visualisasi panduan gaya dalam talian yang mudah didokumentasikan.

Dilampirkan pada perpustakaan kongsi SFigma atau XD ketch.

Sejarah versi untuk setiap komponen.

Yang lebih rendah:

Tiada komen boleh.

Tiada pemalam untuk pembangun asli.

Harga : 

45€ / bulan / pengguna

Serasi: 

Adobe Xd (ok) / Figma (sangat mudah) / Lakaran (agak kompleks) 

dev sisi buku cerita.

Nota: 

3 daripada 4 bintang

#2 Invision DSM

Yang paling:

Alat yang boleh diakses untuk pereka bentuk.

Dokumentasi terus dari sistem pembuatan versi.

Token reka bentuk.

Yang lebih rendah: 

Masih dalam versi beta.

Tiada pemeriksaan berkod komponen.

Aset diambil satu persatu. 

Harga mengikut anggaran (terlalu mahal).

Tidak berfungsi dengan Figma lagi.

Serasi : 

Lakaran 

Nota: 

2 daripada 4 bintang

Alat Handoff

Buku cerita

Untuk siapa :  

pemaju.

Mengapa?

Simpan kod komponen depan & belakang.

Sediakan kepada pasukan UX Star.

Yang paling: 

Alat boleh diakses untuk pereka bentuk dengan syarat mereka mengetahui kod tersebut.

Berfungsi dengan HTML Mentah, React, React Native, Vue, Angular, Mithril, Marko, Ember, Riot, Svelte.

Pustaka komponen yang dijana daripada Komponen tindak balas/sudut.

Disepadukan ke dalam projek dev, oleh itu versi.

Konsep taman permainan, yang memungkinkan untuk menguji parameter komponen "hidup".

Ia secara pilihan boleh dipasang terus ke Figma jika tiada platform perkongsian.

Harga :

Percuma.

Yang lebih rendah: 

Sangat berorientasikan "komponen pembangun", tidak sesuai untuk Dokumentasi UX/UI.

Panduan gaya boleh diselenggara hanya oleh dpemaju.

Untuk mengingati : 

1 Rajah

Alat paling sesuai dengan sistem Reka Bentuk, ciri lanjutan, perkongsian, kerja berpasukan, antara muka yang sangat mudah, sesuai dan cepat untuk dipelajari.

Sangat cair dengan Sifar Lapan.

2 lakaran

Sketch adalah pertaruhan yang selamat, anda tidak boleh salah dengan alat ini yang paling banyak digunakan daripada masyarakat.

https://uxtools.co/survey-2017/

Jika kita teruskan reka bentuk bahan ia adalah alat yang paling sesuai. 

3 Alat prototaip membimbing pilihan alat lain

Kami mudah mengaitkan lakaran dengan invision DSM atau figma + ketinggian sifar & buku cerita, yang penting ialah mempunyai rantai alat yang serasi dan aliran kerja yang mantap.

4 Alat yang saya harap saya ada

Ya penerbit perisian saya bercakap dengan anda kerana hari ini Krismas: 

Bilakah akan ada platform perkongsian yang boleh diakses untuk pereka bentuk dan untuk pembangun yang menghimpunkan fungsi buku cerita + ketinggian sifar? 🙂

Jumpa anda esok untuk kejutan baharu pada kalendar UX-Republic Advent kami!

Leslie POCHAT, Pereka UX @UX-Republic 

[actionbox color=”default” title=”DESIGN SPRINT training -20%” description=”-Diskaun 20% pada sesi latihan DESIGN SPRINT Disember dengan memberikan kod 12-UX-DEC apabila anda mendaftar! Masih ada masa…” btn_label=”Latihan kami” btn_link=”http://training.ux-republic.com” btn_color=”primary” btn_size=”big” btn_icon=”star” btn_external=”1″]