propkit
Guides Figma-style property panel composition using fig-field rows and FigUI3 controls, including React JSX.
Datos de origen
- Repositorio
- rogie/figui3
- Última actividad en el origen
- 7 de septiembre de 2026 a las 15:26
- Idioma detectado de SKILL.md
- inglés
- Estrellas
- 70
- Forks
- 1
Opciones de instalación
De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.
Revisa los archivos de origen
Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.
Mostrando SKILL.md
SKILL.md
Instrucciones de origen · Vista previa de solo lectura- name
- propkit
- description
- Guides Figma-style property panel composition using fig-field rows and FigUI3 controls, including React JSX.
- user-invocable
- false
# PropKit
Compose property panels from horizontal `fig-field` rows and core `fig-*` controls.
Core tags: `figui3` skill + [../figui3/components.md](../figui3/components.md). React: [../figui3/react.md](../figui3/react.md). Select/fill picker: `fig-editor`.
## Principles
1. Default to horizontal `fig-field` rows.
2. Use one concise label per control.
3. Put control attributes on the control, not the field.
4. Use `full` when the control should stretch.
5. Wire `input` for live updates and `change` for commits.
```tsx
<fig-field direction="horizontal">
<label>Opacity</label>
<fig-slider value="100" min="0" max="100" units="%" text="true" full />
</fig-field>
```
Ver en GitHub