Publikasikan pustaka desain komponen VKUI dalam Figma

Perpustakaan dalam alat desain adalah bagian penting dari sistem desain. Kami percaya bahwa desainer harus bekerja dengan elemen yang sedekat mungkin dengan implementasi dalam kode. Oleh karena itu, di perpustakaan kami telah mengumpulkan untuk mereka komponen yang paling relevan yang mencerminkan semua kondisi yang sama yang tersedia selama pengembangan.


Bereaksi kode sumber sudah diterbitkan di Github - mengikuti contoh pengembang kami, kami sekarang berbagi pustaka komponen di Figma.



Empat perpustakaan tersedia di halaman VK di Komunitas Figma :


  • VKUI Base Library - perpustakaan dasar yang berisi lebih dari 650 ikon dan semua token warna untuk tema terang dan gelap (dalam bentuk gaya);
  • VKUI iOS Library dan VKUI Android Library - perpustakaan komponen untuk iOS dan Android, dikumpulkan pada token dari Base Library, serta templat layar yang sudah jadi;
  • VKUI Color Palette - palet warna dari aplikasi VK yang mengumpulkan token warna.

Bagaimana ini bisa bermanfaat bagi Anda


Aplikasi VK Mini


- VKUI , -. , VK, — - 16 . VK Mini Apps, 30 .


- VKUI. — . , -, .


, VKUI:




VK Designers


VK Designers — .



, . , , Auto Layout, . .



, . , , , — .


-, .




Figma , -. , , — , .


Figma — .



Auto Layout


Auto Layout Figma , . , - , . - Auto Layout , —




. — Figma .


, JSON VKUI Base Library . .


Figma Appearance — . : , Light Text / Primary Dark Text / Primary. 200+ .



, , , . , — : .



VKUI Figma, :


  • ;
  • , ;
  • , ;
  • ;
  • .

iOS Android.


Sketch


VKUI Sketch — .


All Articles