figma
Figma
Figma is the interface design tool. 2025 brings Generative UI (Text to Design) and Dev Mode enhancements for accurate CSS/SwiftUI generation.
When to Use
- UI/UX Design: Creating high-fidelity mocks.
- Prototyping: Clickable user flows for user testing.
- Handoff: Developers inspect CSS/variables directly.
Core Concepts
Auto Layout
Flexbox for designers. Elements resize/reflow automatically.
Components / Variants
Reusable UI elements (Buttons) with states (Hover, Active).
More from g1joshi/agent-skills
template
Expert [skill-name] assistance covering [feature 1], [feature 2], and [feature 3]. Use when [working with X], [debugging Y], or [implementing Z].
34mariadb
MariaDB MySQL-compatible database with Galera clustering. Use for MySQL-compatible database needs.
6claude
Anthropic Claude AI models for analysis and coding. Use for AI assistants.
5javascript
JavaScript ES6+ programming including async/await, DOM manipulation, modules, and Node.js. Use for .js files and web development.
4typescript
TypeScript static typing with interfaces, generics, decorators, and type inference. Use for .ts files.
4python
Python programming with type hints, async/await, decorators, and package management. Use for .py files and data science.
4