Akbar Fadillah Hermawan

Akbar Fadillah Hermawan

Kenalan sama yang namanya Component Specs

Kenalan sama yang namanya Component Specs

Sabtu, 23 November 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 | Product Designer, UI/UX Designer

Akbar Fadillah Hermawan | Product Designer, UI/UX Designer

Contact me

Contact me

Email

Email

WhatsApp

WhatsApp

Social Media

Social Media

2025

2025

Akbar Fadillah Hermawan. All rights reserved.

Akbar Fadillah Hermawan. All rights reserved.