Simpler.Grants.gov Public Wiki
Grants.govSimpler.Grants.govGitHubDiscourse
  • πŸ‘‹Welcome
  • GET INVOLVED
    • Why open source?
    • How to contribute code
    • How to file issues
      • Report a bug
      • Request a feature
      • Report a security vulnerability
    • Community guidelines
      • Code of Conduct
      • Reporting and removing content
      • Incident response protocol
    • Community events
      • Fall 2024 Coding Challenge
        • Event Submissions & Winners
      • Spring 2025 Collaborative Coding Challenge
        • Event Submissions & Winners
    • Communication channels
  • Product
    • Roadmap
    • Deliverables
      • 🏁Static site soft launch
      • 🏁Static site public launch
      • 🏁GET Opportunities
      • 🏁Open source onboarding
      • 🏁Co-Design Group planning
    • Decisions
      • ADR Template
      • ADRs
        • Dedicated Forum for Simpler.Grants.gov Community
        • Recording Architecture Decisions
        • Task Runner for the CI / CD Pipeline
        • API Language
        • Use Figma for design prototyping
        • ADR: Chat
        • DB Choices
        • API Framework and Libraries
        • Back-end Code Quality Tools
        • Front-end Language
        • Communications Tooling: Wiki Platform
        • Use Mural for design diagrams and whiteboarding
        • Ticket Tracking
        • Front-end Framework
        • Front-end Code Quality Tools
        • Front-end Testing & Coverage
        • Backend API Type
        • Front-end Testing & Coverage
        • Deployment Strategy
        • Use U.S. Web Design System for components and utility classes
        • FE server rendering
        • Use NPM over Yarn Architectural Decision Records
        • U.S. Web Design System in React
        • Communications Tooling: Video Conferencing
        • Back-end Production Server
        • Communications Tooling: Analytics Platform
        • Commit and Branch Conventions and Release Workflow
        • Cloud Platform to Host the Project
        • Infrastructure as Code Tool
        • Data Replication Strategy & Tool
        • HHS Communications Site
        • Communications Tooling: Email Marketing
        • Communications Tooling: Listserv
        • Use Ethnio for design research
        • Uptime Monitoring
        • Database Migrations
        • 30k ft deliverable reporting strategy
        • Public measurement dashboard architecture
        • Method and technology for "Contact Us" CTA
        • E2E / Integration Testing Framework
        • Logging and Monitoring Platform
        • Dashboard Data Storage
        • Dashboard Data Tool
        • Search Engine
        • Document Storage
        • Document Sharing
        • Internal Wiki ADR
        • Shared Team Calendar Platform
        • Cross-Program Team Health Survey Tool
        • Adding Slack Users to SimplerGrants Slack Workspace
        • Repo organization
        • Internal knowledge management
        • Migrate Existing API Consumers
      • Infra
        • Use markdown architectural decision records
        • CI/CD interface
        • Use custom implementation of GitHub OIDC
        • Manage ECR in prod account module
        • Separate terraform backend configs into separate config files
        • Database module design
        • Provision database users with serverless function
        • Database migration architecture
        • Consolidate infra config from tfvars files into config module
        • Environment use cases
        • Production networking long term state
    • Analytics
      • Open source community metrics
      • API metrics
  • DESIGN & RESEARCH
    • Brand guidelines
      • Logo
      • Colors
      • Grid and composition
      • Typography
      • Iconography
      • Photos and illustrations
    • Content guidelines
      • Voice and tone
    • User research
      • Grants.gov archetypes
  • REFERENCES
    • Glossary
  • How to edit the wiki
Powered by GitBook
On this page
  • Context and Problem Statement
  • Decision Drivers
  • Options Considered
  • Decision Outcome
  • Positive Consequences
  • Negative Consequences
  • Pros and Cons of the Options
  • Figma
  • Adobe XD
  • Sketch
  • Invision Studio
  • Links

Was this helpful?

Edit on GitHub
  1. Product
  2. Decisions
  3. ADRs

Use Figma for design prototyping

PreviousAPI LanguageNextADR: Chat

Last updated 28 days ago

Was this helpful?

  • Status: Active

  • Last Modified: 2023-07-03

  • Related Issue:

  • Deciders: Andy, Emily, Lucas

  • Tags: design

Context and Problem Statement

Which tool should be used for wireframing and prototyping? The tool should facilitate design conversation, be easilty integrated into research activities, and provide artifacts for stakeholder review.

Decision Drivers

  • Platform availability

  • Live collborative editing

  • assets can be integrated into design research tools

  • tool and assets must be accessible to internal partners (HHS or employed by HHS) and external partners (general public).

  • Nava familiarity

Options Considered

  • Figma

  • Adobe XD

  • Sketch

  • Invision Studio

Decision Outcome

Chosen option: Figma, because it is not platform specific and its multi-user collaboration allows for easy remote pairing. It's assets can be easily shared, embedded, or integrated into research tools. Additionaly, Nava has the most familiarity with this option.

Positive Consequences

  • Figma's free tier does not require FOSS contributors to purchase licenses

  • Figma has a robust community of plugins and integrations

  • Includes Figjam (tho this may be redundant, depending on chosen whiteboarding tool)

Negative Consequences

  • Collaborative nature of Figma requires connectivity and working online

  • Tho version control and file management is possible, it can be difficult to track who made recent changes

Pros and Cons of the Options

Figma

  • Pro

    • Browser-based (works on Mac, Windows, Linux…)

    • Free forever

    • Nava familiarity

    • Robust plugin community

  • Cons

    • Limited files (3) in free tier

    • Requires internet connectivity

Adobe XD

  • Pro

    • Part of Adobe Creative Suite

  • Cons

    • Native app, not browser-based

    • No free tier (7-day trial)

Sketch

  • Pro

    • Lowest subscription cost

  • Cons

    • Mac only (nonstarter?)

    • No free tier (30-day trial)

Invision Studio

Links

Truss has developed

Nonstarter:

#103
Figma assets using USWDS
tool is being sunset
Figma pricing