Figma: Desain, Prototipe, dan Kolaborasi di Seluruh Perusahaan

gambar

Beberapa bulan terakhir, saya telah membantu mengembangkan dan mengintegrasikan contoh WordPress yang sangat disesuaikan untuk klien. Ini adalah keseimbangan gaya yang cukup, memperluas WordPress melalui bidang khusus, jenis posting khusus, kerangka desain, tema anak, dan plugin khusus.

Bagian yang sulit adalah saya melakukannya dari maket sederhana dari platform prototipe berpemilik. Meskipun ini adalah platform yang solid untuk visualisasi dan desain, ini tidak mudah diterjemahkan ke HTML5 dan CSS3. Tambahkan semua iterasi lainnya, dan hari-hari saya menjadi sangat frustasi dengan kemajuan yang sangat lambat.

Salah satu teka-teki adalah bahwa agen desain hanya menyerahkan prototipe, tanpa menyediakan jenis master stylesheet utama ... jadi kami bekerja untuk mencapai itu dengan mengekspor prototipe ke airship, lalu menerjemahkan CSS ke WordPress. Jumlah langkah yang diperlukan dan jarak antar platform membuatnya menjadi proses yang sulit. Belum lagi mencoba menyederhanakan kerumitan untuk kecepatan dan skalabilitas

gambar

gambar memusatkan sebagian besar pekerjaan ini dengan platform yang memungkinkan desain, umpan balik, dan kolaborasi di seluruh anggota tim Anda, termasuk:

  • desainer - Berkolaborasi dalam konteks dan waktu nyata. Jangan pernah khawatir file Anda kedaluwarsa atau menimpa pekerjaan satu sama lain.
  • Pemangku kepentingan - Kirim tautan untuk mengumpulkan umpan balik, mendapatkan permintaan perubahan, dan mengizinkan pemangku kepentingan untuk membuat pembaruan salinan dalam desain Anda.
  • Pengembang - Insinyur selalu memiliki akses ke sumber kebenaran terkini dan dapat memeriksa elemen, aset ekspor, dan menyalin kode.

Figma memiliki beberapa Fitur Unik:

  • Operasi Boolean - Dengan empat formula: union, subtract, intersect, dan exclude, Anda dapat menggabungkan setiap set layer bentuk dengan presisi.
  • Komponen - Bangun lebih cepat dan lebih konsisten dengan elemen yang dapat digunakan kembali dan skalabel di seluruh file Anda. Akses lapisan di setiap contoh sehingga Anda dapat secara intuitif mengedit dan menimpa teks dan gambar sebaris.
  • kendala - Skala desain Anda agar sesuai dengan ukuran layar apa pun dengan memperbaiki objek ke bingkai induk, menjepret objek ke kisi, atau bahkan dengan membuat komponen berskala itu.
  • Bingkai Perangkat - Sajikan desain Anda di lingkungan yang tepat. Anda bahkan dapat memilih antara mode potret dan lanskap.
  • Interaksi - Buat prototipe Anda menjadi hidup dengan mendefinisikan interaksi saat diklik, sambil mengarahkan kursor, sambil menekan, dan banyak lagi.
  • Hamparan - Dengan pemosisian relatif dan manual, Anda memiliki kendali penuh atas di mana dan bagaimana hamparan muncul.
  • Kesempurnaan piksel - Pengeditan interaktif 60fps memberi Anda pratinjau dan ekspor yang sangat tajam dan sempurna.
  • prototyping - Buat alur dengan cepat dengan menghubungkan layar dan menambahkan elemen seperti interaksi, transisi, overlay, dan lainnya. Daripada menyinkronkan ke alat lain, cukup bagikan URL untuk menerima umpan balik.
  • Desain Responsif - Rentangkan tata letak Anda dan lihat bagaimana mereka akan merespons perubahan ukuran layar.

Pembuatan Prototipe Responsif

  • bergulir - Aktifkan pengguliran horizontal, vertikal, atau arah apa pun dalam bentuk individu atau seluruh bingkai induk.
  • Gaya - Sinkronkan warna, teks, kisi, dan efek di semua proyek Anda. Pertahankan lebih sedikit gaya teks dan sejajarkan desain Anda di berbagai perangkat dengan gaya kisi unik Figma.
  • Perpustakaan Tim - Berbagi komponen dan gaya di Figma — tidak perlu drive bersama atau alat tambahan. Anda dan tim Anda mengontrol bagaimana dan kapan perubahan diluncurkan dengan alur kerja penerbitan sederhana.
  • Jaringan Vektor - Figma membuat alat pena menjadi lebih intuitif, memungkinkan manipulasi langsung sambil mempertahankan kompatibilitas mundur dengan jalur.

Untuk perusahaan klien, Figma dapat mendorong konsistensi, efisiensi, dan keamanan dalam skala besar. Platform ini memungkinkan klien perusahaan untuk dengan mudah mengelola sistem desain dengan perpustakaan tim dan kemampuan untuk mengunggah dan berbagi font khusus di seluruh organisasi Anda. Sistem Masuk Tunggal, kontrol akses, dan log aktivitas disertakan.

Mulailah dengan Figma

Figma memiliki banyak pilihan tutorial yang mereka pertahankan Channel youtube, inilah video Memulai:

gambar memberi pengembang kemampuan untuk memeriksa, menyalin, mengekspor aset, dan menyalin CSS langsung dari file desain. Anda juga dapat mengaktifkan alur kerja yang ada dengan integrasi, termasuk airship, kode alpukat, Jira, dropbox, ProtoPie, dan Prinsip untuk Mac. Mereka juga memiliki API yang kuat.

Coba Figma Gratis

Bagaimana menurut Anda?

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.