Figma workflow
Skill Dragoon0x/everything-design-taste/skills/figma-workflow
A taste system for AI agents. 288 skills, 80 agents, 12 rules, and 8 hooks that turn generic AI output into work with genuine design quality. Anti-slop detection, typography craft, color systems, brand voice, product strategy, and 50+ specialized reviewers across UI, industry, platform, and content domains.
npx -y skills add Dragoon0x/everything-design-taste --skill figma-workflowAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 6 stars6 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Advanced Figma workflows, auto-layout mastery, component architecture, and team collaboration.
SKILL.md
1.1 KB, as published. Nobody here has run it
Figma Workflow
Auto-Layout Mastery
- Use auto-layout on everything (not just buttons)
- Nest auto-layouts for complex components
- Absolute position for overlapping elements within auto-layout
- Hug contents vs fill container: understand the difference
Component Architecture
- Atoms: Smallest elements (icon, text, badge)
- Molecules: Combined atoms (input field = label + input + helper text)
- Organisms: Combined molecules (form = multiple input fields + button)
- Templates: Page layouts using organisms
Naming Convention
- Component: Category / Name / Variant
- Example: Button / Primary / Default, Button / Primary / Hover
- Layers: Descriptive names, never 'Frame 234'
Collaboration
- Branch for major explorations
- Comments for async feedback
- Dev mode for engineering handoff
- Design tokens via variables
- Regular library updates with changelog