import { Meta } from '@storybook/addon-docs/blocks'

<Meta title='@dxtmisha/ru/figma-ref/Composables/useFigmaUiFrames - Список фреймов верхнего уровня'/>

# `useFigmaUiFrames`

Композабл для управления и наблюдения за списком фреймов верхнего уровня в UI Figma.

**Возвращает:**
Объект со следующими свойствами:
- `frames: ComputedRef<UiFigmaFramesList>` — Реактивный список фреймов верхнего уровня. Автоматически обновляется при получении данных.
- `loading: ComputedRef<boolean>` — Реактивный флаг, указывающий, загружаются ли в данный момент фреймы из плагина Figma.

```typescript
import { useFigmaUiFrames } from '@dxtmisha/figma-ref'

const { frames, loading } = useFigmaUiFrames()

// Используйте loading для отображения индикатора прогресса
if (loading.value) {
  console.log('Загрузка фреймов...')
}

// Используйте frames для рендеринга списка
console.log('Фреймы:', frames.value)
```
