Saya telah menemukan skrip yang melakukan hal itu (menghasilkan CSS dan HTML untuk layer-layer dan menawarkan opsi untuk mengekspornya dalam nilai%) dan memotong pekerjaan untuk web-dev menjadi setengahnya untuk Photoshop. Sekarang saya ingin tahu apakah ada yang menemukan / menggunakan plugin atau dapat mengarahkan saya ke fitur asli seperti itu untuk aplikasi Sketch. Ketidakhadiran seperti itu membuat transisi saya ke Sketch sangat menyakitkan. Atau menjadi orang baru di Sketch, saya hanya melewatkan sesuatu yang berbeda secara ideologis tentang cara Sketch bekerja dengan CSS dan HTML.

Ini mungkin bukan jawaban yang Anda cari, tetapi saya merasa lebih baik daripada memberikan gaya yang dibuat-buat secara otomatis kepada para insinyur.

Markup selektif

Saya yakin Anda telah menemukan grabber CSS menu konteks Sketch. Anda dapat memilih objek sebanyak yang Anda suka dan Anda akan mendapatkan CSS di clipboard Anda lebih cepat daripada yang bisa Anda tempel.

Tidak ada penyeleksi tentunya, itu benar-benar hanya catatan CSS. Setiap blok dipanggil oleh komentar sebelumnya menggunakan nama layer, seperti:

/* Rectangle 1: */
background: #C7C1B5;

/* Rectangle 1 Copy: */
background: #F5E618;

/* Rectangle 1 Copy 2: */
background: #FFFFFF;

Anotasi file

Sketch Measure adalah plug-in yang menghasilkan berbagai tingkat anotasi sesuai dengan spesifikasi Anda. Ada video demo di sini . Ide dasarnya adalah untuk membubuhi keterangan angka-angka penting dan membiarkan dev menulis kode mereka sendiri.

Di luar anotasi

Anda juga dapat mencoba alat seperti ini, sendiri atau dalam kombinasi:

• Zeplin menciptakan versi berdiri sendiri, dapat dibagikan dari desain Sketsa Anda untuk inspeksi dev Anda, mengeluarkan spesifikasi berdasarkan permintaan.
• Marvel adalah alat prototyping yang mengimpor file Sketch. Tidak ada yang berkomunikasi seperti prototipe interaktif!

Generator HTML eksperimental

Saya tidak pernah menggunakan ini, dan ini jelas dalam tahap awal pengembangan tetapi, plug-in Blade terlihat menjanjikan.

Blade adalah plugin Sketch 3 untuk menghasilkan HTML secara otomatis. Ini akan menghasilkan tag <div> untuk grup, tag <p> untuk teks, dll.

Lihat tautan berikut http://blog.mengto.com/the-best-hidden-features-in-sketch/

Ikuti blog Meng To untuk tetap mendapatkan informasi terbaru dengan tutorial Sketsa, tip & bahkan trik yang menarik. http://blog.mengto.com/ https://designcode.io/