Figma: Reka Bentuk, Prototaip, dan Bekerjasama Di Seluruh Perusahaan

Figma

Beberapa bulan kebelakangan ini, saya telah membantu mengembangkan dan mengintegrasikan contoh WordPress yang sangat disesuaikan untuk pelanggan. Ini adalah keseimbangan gaya, memperluas WordPress melalui bidang khusus, jenis pos tersuai, kerangka reka bentuk, tema kanak-kanak, dan pemalam tersuai.

Bahagian yang sukar adalah saya melakukannya dari mockup sederhana dari platform prototaip proprietari. Walaupun ia adalah platform yang kukuh untuk visualisasi dan reka bentuk, ia tidak mudah diterjemahkan ke HTML5 dan CSS3. Tambahkan semua lelaran lain, dan hari-hari saya menjadi sangat kecewa dengan kemajuan yang sangat perlahan.

Salah satu teka-teki adalah bahawa agensi reka bentuk hanya menyerahkan prototaip, tanpa memberikan apa-apa jenis helaian gaya utama ... jadi kami berusaha untuk mencapainya dengan mengeksport prototaip ke dalam AirShip, dan kemudian menterjemahkan CSS ke WordPress. Jumlah langkah yang diperlukan dan jurang antara platform menjadikannya proses yang sukar. Belum lagi usaha untuk mempermudah kerumitan untuk kelajuan dan skalabiliti

Figma

Figma memusatkan sebahagian besar kerja ini dengan platform yang membolehkan reka bentuk, maklum balas, dan kolaborasi di setiap anggota pasukan anda, termasuk:

  • pereka - Bekerjasama dalam konteks dan dalam masa nyata. Jangan sekali-kali risau fail anda sudah lapuk atau saling menimpa karya masing-masing.
  • Pemegang Saham - Kirim pautan untuk mengumpulkan maklum balas, mendapatkan permintaan perubahan, dan mengizinkan pihak berkepentingan untuk membuat salinan kemas kini dalam reka bentuk anda.
  • Pemaju - Jurutera selalu mempunyai akses ke sumber kebenaran semasa dan dapat memeriksa elemen, aset eksport, dan menyalin kod.

Figma mempunyai beberapa Ciri Unik:

  • Operasi Boolean - Dengan empat formula: penyatuan, tolak, persilangan, dan kecualikan, anda boleh menggabungkan sekumpulan lapisan bentuk dengan tepat.
  • Komponen - Bangun lebih cepat dan lebih konsisten dengan elemen yang boleh digunakan semula dan boleh diskalakan di seluruh fail anda. Akses lapisan dalam setiap kejadian supaya anda dapat mengedit dan menggantikan teks dan gambar secara intuitif.
  • Kekangan - Skala reka bentuk Anda agar sesuai dengan ukuran layar apa pun dengan memperbaiki objek ke bingkai induk, menjentikkan objek ke grid, atau bahkan dengan membuat komponen yang berskala.
  • Bingkai Peranti - Persembahkan reka bentuk anda di persekitaran yang tepat. Anda juga boleh memilih antara mod potret dan landskap.
  • Interaksi - Jadikan prototaip anda menjadi hidup dengan menentukan interaksi pada klik, sambil melayang, sambil menekan, dan banyak lagi.
  • Overlay - Dengan kedudukan relatif dan manual anda mempunyai kawalan penuh di mana dan bagaimana lapisan muncul.
  • Kesempurnaan piksel - Penyuntingan interaktif 60fps membawa anda pratonton dan eksport yang sangat tajam dan sempurna untuk piksel.
  • prototaip - Bangun arus dengan cepat dengan menyambungkan skrin dan menambahkan elemen seperti interaksi, peralihan, overlay dan banyak lagi. Daripada menyegerakkan ke alat lain, hanya berkongsi URL untuk menerima maklum balas.
  • Design Responsif - Regangkan susun atur anda dan lihat bagaimana mereka akan bertindak balas terhadap perubahan ukuran skrin.

Prototaip Responsif

  • Menatal - Aktifkan tatal mendatar, menegak, atau arah apa pun dalam bentuk individu atau keseluruhan bingkai induk.
  • Gaya - Segerakkan warna, teks, grid dan kesan di semua projek anda. Kekalkan lebih sedikit gaya teks dan sejajarkan reka bentuk anda di pelbagai peranti dengan gaya grid unik Figma.
  • Perpustakaan Pasukan - Bagikan komponen dan gaya di Figma — tidak memerlukan drive bersama atau alat tambahan. Anda dan pasukan anda mengawal bagaimana dan kapan perubahan dilancarkan dengan aliran kerja penerbitan ringkas.
  • Rangkaian Vektor - Figma membuat alat pena menjadi lebih intuitif, memungkinkan untuk manipulasi langsung sambil mengekalkan keserasian ke belakang dengan jalan.

Bagi perusahaan pelanggan, Figma dapat mendorong konsistensi, kecekapan, dan keamanan pada skala. Platform ini membolehkan klien perusahaan mengurus sistem reka bentuk dengan mudah dengan perpustakaan pasukan dan keupayaan untuk memuat naik dan berkongsi fon tersuai di seluruh organisasi anda. Single Sign-On, kawalan akses, dan log aktiviti disertakan.

Mulakan dengan Figma

Figma mempunyai banyak pilihan tutorial yang mereka teruskan Saluran Youtube, inilah video Bermula:

Figma memberi pemaju kemampuan untuk memeriksa, menyalin, mengeksport aset, dan menyalin CSS terus dari fail reka bentuk. Anda juga boleh mengaktifkan aliran kerja yang ada dengan integrasi, termasuk AirShip, Avocode, Jira, dropbox, ProtoPie, dan Prinsip untuk Mac. Mereka juga mempunyai API yang mantap.

Cuba Figma secara percuma

Apa yang anda fikir?

Laman web ini menggunakan Akismet untuk mengurangkan spam. Ketahui bagaimana data komen anda diproses.