Figma is the dominant design tool of the 2020s. If you've heard about it but don't have a clear sense of what it does or whether you need it, this post is the practical answer.
What Figma is
Figma is a browser-based collaborative design tool. You open figma.com, you draw screens, rectangles, text, components — like Photoshop or Sketch, but multiple people can edit the same file simultaneously, and everything lives in the cloud.
It's the standard tool for: mobile app design (iOS / Android), web design, design systems, marketing assets, wireframing, prototyping, and design-to-developer handoff. Acquired by Adobe in 2022 (with a delayed close, then unwound), and now independent again as of 2024.
Why Figma won over Sketch / Photoshop / Adobe XD
- Browser-based. No install. Works on Mac, Windows, Linux, iPad equally.
- Real-time collaboration. Multiple cursors on the same file, like Google Docs.
- Free tier is real. You can do meaningful work without paying.
- Auto-layout — design components that adapt to content (like Flexbox / Auto Layout in code).
- Component libraries — design systems with reusable components, variants, properties.
- Plugin ecosystem — extend Figma with thousands of plugins.
- Developer handoff — devs can inspect Figma files and copy code-ready CSS / Swift / Compose.
Core concepts
- Files — a Figma file holds many pages. Like Photoshop documents.
- Pages — separate canvases inside one file (e.g., "User Flows," "Final Designs," "Exploration").
- Frames — like artboards. Each frame is a fixed-size container (iPhone screen, 1440px web page, etc.).
- Components — reusable design elements. Change the master; all instances update.
- Variants — a component with built-in variations (a button with "default / hover / disabled" states).
- Auto Layout — adaptive containers that respond to content. Equivalent of Flexbox.
- Styles — saved colors, typography, shadows reusable across designs.
- Prototypes — link frames together to demo click flows.
- Comments — leave inline feedback on specific elements.
What you can do with Figma
- App UI design. Every screen of your iOS app, designed in Figma before SwiftUI.
- Wireframes. Low-fidelity sketches of layouts.
- Marketing graphics. Landing pages, social posts, App Store screenshots.
- Design systems. The component library your whole product uses.
- Logos and brand work. Yes, even logos, though Adobe Illustrator is still common.
- Pitch decks and presentations. FigJam is Figma's whiteboarding sibling for diagrams and brainstorming.
Workflow with developers
- Designer creates the screens in Figma.
- Designer shares the file URL with the dev.
- Dev opens the file, inspects frames, copies measurements, hex codes, font sizes.
- Dev implements in code (SwiftUI for iOS).
- Comments back-and-forth on the Figma file when something isn't clear.
Figma has a "Dev Mode" that surfaces ready-to-use code snippets for the major platforms.
Figma + Claude / Cowork
Two patterns in 2026 worth knowing:
- Figma MCP server — lets Claude Code read your Figma designs as part of an agent task. "Implement this screen in SwiftUI matching the Figma frame at <url>" works.
- Claude Cowork → Figma export. Mockups you generate in Cowork can be exported as HTML/CSS and imported into Figma if you want to refine, or kept as HTML if Cowork's output is good enough.
- Figma-to-SwiftUI plugins exist but quality varies. AI-assisted (Claude reading the Figma and writing the SwiftUI) usually produces better results than direct plugin export.
Do indie iOS developers need Figma?
Honest answer: not necessarily, especially in 2026 with Claude Cowork.
If you're a solo dev who can describe what you want and iterate in Cowork until the mockup is right, you can skip Figma entirely. Cowork produces visual HTML mockups, Claude Code translates them to SwiftUI, you iterate in the simulator.
When Figma becomes worth learning:
- You're working with a designer who delivers in Figma.
- You're maintaining a real design system across multiple apps.
- You're doing serious marketing graphic work (App Store screenshots, social).
- You want pixel-perfect control before code.
For your RDR2 / GTA V Companion workflow, Figma is optional. Cowork plus simulator screenshots is sufficient. Add Figma later if you hire a designer or scale the design work.
Getting started
- Sign up at figma.com — free tier is generous.
- Use the "iPhone" template to start a new app design.
- Drop a Frame, add some Rectangles and Text, get used to the basics.
- Try Auto Layout on a button — change the text and watch the button resize.
- Explore the Community for free templates and design systems.
- Install one of the Figma-to-SwiftUI plugins if you want to test exports.
An afternoon of poking at Figma is enough to know whether it fits your workflow.
See: Apple HIG Guide, Claude at Maximum Efficiency (Cowork section).