# Producao No Figma

> Orientação para organização e produção em Figma: componentes, auto-layout e sistemas de design

- Skill: `ricneves-ai/producao-no-figma` (Agent Skill)
- Install (CLI): `npx skillmds@latest add ricneves-ai/producao-no-figma`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ricneves-ai/producao-no-figma/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- License: MIT
- Author: ricneves-ai (https://skillmd.com/u/ricneves-ai)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/ricneves-ai/producao-no-figma

---


# Design no Figma

Boas práticas de organização, componentização e produção em Figma para times de design e desenvolvedores no Brasil.

## Quando Usar
- Organizar arquivos Figma para trabalho em equipe
- Criar ou revisar sistema de design no Figma
- Orientar desenvolvedor sobre como extrair assets do Figma

## Exemplos de Prompt
```
Nosso arquivo Figma está desorganizado com 8 designers trabalhando nele.
Crie uma estrutura de organização de arquivo Figma com: nomenclatura de pages,
naming conventions de layers/frames, estrutura de componentes e documentação
de como usar cada componente.
```

```
Preciso criar um design system no Figma para nosso produto SaaS.
Por onde começo? Crie um plano de 4 semanas para construir do zero:
tokens de design, componentes básicos, layouts e documentação.
```

## Saídas Típicas
- Estrutura de organização de arquivo Figma
- Naming conventions para layers, componentes e variants
- Checklist de boas práticas de componentização
- Guia de auto-layout e como aplicar
- Template de documentação de componentes