Kenalan sama yang namanya Component Specs

Kenalan sama yang namanya Component Specs

Saturday, November 23, 2024

"Component Specs"

Adalah dokumen atau informasi rinci yang menggambarkan secara detail bagaimana suatu komponen desain harus dibangun, ditampilkan, dan diimplementasikan, berfungsi sebagai panduan bagi Developer.

Ada apa aja yang termasuk ke dalam Component Specs?
  1. Anatomy

    Anatomi memecah komponen menjadi beberapa bagian, memerinci dan memberi nama masing-masing komponen, dan dapat mendeskripsikan atribut visual (seperti warna teks) dan properti yang dikonfigurasi (dari dependensi komponen bertingkat).


  1. Properties

    Bagian properti dapat mengilustrasikan setiap properti, membedakan default dengan opsi alternatif, dan menjelaskan perbedaan detail atribut visual dan properti komponen bertingkat.


  1. Layout and spacing

    Spesifikasi membantu menyoroti pilihan jarak yang disengaja yang memisahkan, menyisipkan, dan menyelaraskan setiap elemen yang disusun. Bagian Spasi mengilustrasikan padding, margin (dalam Figma, spasi item), arah, dan mekanisme lainnya.


Component Specs ini bisa banget kamu bikin pake Plugin di Figma namanya EightShapes Specs

Akbar Fadillah Hermawan

Akbar Fadillah Hermawan

Designing with clarity, structure, and a bit of curiosity.

Designing with clarity, structure, and a bit of curiosity.

Designing with clarity, structure, and a bit of curiosity.

© 2025 Akbar Fadillah Hermawan. All rights reserved.

© 2025 Akbar Fadillah Hermawan. All rights reserved.

© 2025 Akbar Fadillah Hermawan. All rights reserved.

Create a free website with Framer, the website builder loved by startups, designers and agencies.