Ueno – Figma's Integrated Digital Design Think Tank

Overview

Ueno, established in 2014, was a digital design agency recognized for its work across product design, branding, and digital strategy. Prior to its acquisition, Ueno developed digital products, user interfaces, branding systems, and comprehensive digital strategies for a range of clients. Its portfolio often featured high-profile projects that emphasized user experience and visual design innovation. The agency's approach typically involved close collaboration with client teams, leveraging design thinking methodologies to solve complex business challenges through digital solutions.

In 2020, Ueno was acquired by Figma, a web-based vector graphics editor and prototyping tool. Following the acquisition, Ueno's operations and branding were integrated into Figma. This strategic move shifted Ueno's focus from external client work to internal design initiatives and thought leadership within Figma. The Ueno team now contributes to the development and refinement of Figma's core product, as well as shaping its design philosophy and standards. This integration means that while the Ueno brand as an independent agency is no longer active in client acquisition, its expertise continues to influence a widely used design platform.

For developers and technical buyers, the current iteration of Ueno does not present an independent service offering or API. Instead, its impact is indirect, contributing to the design and user experience of Figma's platform, which itself offers an extensive API for plugin development and automation. The original Ueno agency was best suited for organizations seeking consultancy in crafting digital products and brand identities, particularly those requiring a blend of strategic insight and execution in user interface and user experience design. Its services were tailored for enterprises and startups looking to launch new digital platforms or significantly redesign existing ones, focusing on delivering a cohesive and engaging user experience.

The acquisition by Figma highlights a trend in the design industry where successful agencies are sometimes brought in-house by technology platforms to bolster their own product development and design capabilities. This provides the acquiring company with specialized talent and intellectual property, while the agency's legacy of design excellence continues within a new context. Companies that previously engaged with Ueno for design services would now typically seek similar expertise from other independent digital design agencies or specialized product design consultancies.

Key features

While Ueno no longer operates as an independent agency, its historical capabilities, now integrated into Figma's internal design efforts, included:

• Product Design Consulting: Strategic guidance and execution for the full lifecycle of digital product development, from concept to launch.
• User Experience (UX) Design: Research, wireframing, prototyping, and user testing to create intuitive and effective user journeys.
• User Interface (UI) Design: Crafting visual interfaces that are both aesthetically pleasing and highly functional.
• Branding and Identity: Developing comprehensive brand systems, including logos, visual guidelines, and communication strategies.
• Digital Strategy: Defining high-level approaches for digital presence, market positioning, and technology adoption.
• Front-end Development (limited): Some agencies of this type, including Ueno, historically offered front-end development support to ensure design implementation accuracy.
• Design System Development: Creating scalable and consistent design systems for large organizations.

Pricing

Prior to its acquisition by Figma, Ueno operated on a custom enterprise pricing model, typical for a design agency offering specialized consulting and project-based services. Project costs were determined by scope, duration, team size, and specific deliverables. As Ueno is now integrated into Figma and no longer provides external client services, there is no public pricing available for its former agency offerings.

For reference, the pricing structures of comparable digital design agencies often involve:

For current Figma pricing, which now encompasses the platform where Ueno's design expertise is applied, refer to the Figma pricing page.

Common integrations

As Ueno no longer operates as an independent agency with its own software or services, direct integrations are not applicable. Historically, a digital design agency would integrate with client-side tools and platforms for project management, version control, and collaboration. These might have included:

• Design tools: Figma, Sketch, Adobe Creative Suite (for project files and collaboration).
• Project Management: Jira, Asana, Trello (for task tracking and workflow management).
• Version Control: Git (for code-based projects, especially front-end prototyping).
• Communication: Slack, Microsoft Teams, Google Meet (for client and internal team communication).
• Prototyping & Handoff: InVision, Zeplin, Abstract (for interactive prototypes and developer handoff).

Since Ueno is now part of Figma, its work contributes to a broader ecosystem. Developers working with Figma can leverage the Figma REST API documentation to build plugins, automate workflows, and integrate Figma's design data with other tools, such as project management systems or code repositories.

Alternatives

For companies seeking digital product design, branding, or digital strategy consulting, alternatives to the former Ueno agency model include a range of design consultancies and agencies:

• Huge: A global agency offering digital strategy, design, and marketing services, known for large-scale digital transformations.
• Pentagram: An independent design consultancy renowned for its work in identity, architecture, products, and digital experiences.
• Ideo: A global design company known for its human-centered design approach and innovation consulting across various industries.
• Instrument: A digital agency specializing in design, technology, and brand experience.
• R/GA: A digital agency known for integrating technology, design, and marketing to create innovative products and services.

Getting started

Given that Ueno is no longer an independent client-facing entity, there isn't a direct "getting started" process for engaging with Ueno's services. Prospective clients seeking similar design and strategy expertise should evaluate other agencies or consultancies. However, for developers looking to interact with the platform where Ueno's legacy of design thinking is now applied, getting started with Figma's API is the relevant path. The Figma API allows for programmatic interaction with design files, enabling automation, plugin development, and integration with other tools.

Here's a basic example of how to make a simple request to the Figma API to retrieve file information, using JavaScript with fetch. This requires a Figma API token and a file key, which can be obtained from the Figma developer documentation.

// Replace with your actual Figma API token and file key
const FIGMA_API_TOKEN = 'YOUR_FIGMA_API_TOKEN';
const FIGMA_FILE_KEY = 'YOUR_FIGMA_FILE_KEY'; // Example: 'aBcDeFgHiJkLmNoPqRsT' from a Figma file URL

async function getFigmaFileNodes() {
  try {
    const response = await fetch(`https://api.figma.com/v1/files/${FIGMA_FILE_KEY}/nodes?ids=0:1`, {
      method: 'GET',
      headers: {
        'X-Figma-Token': FIGMA_API_TOKEN,
      },
    });

    if (!response.ok) {
      throw new Error(`HTTP error! Status: ${response.status}`);
    }

    const data = await response.json();
    console.log('Figma File Nodes (first node):', data.nodes['0:1']);
  } catch (error) {
    console.error('Error fetching Figma file nodes:', error);
  }
}

getFigmaFileNodes();

This code snippet demonstrates fetching a specific node (e.g., a canvas or frame) from a Figma file. Developers would need to sign up for a Figma account, generate a personal access token for API authentication, and obtain the file key from their Figma project URL. For comprehensive instructions and API endpoint details, consult the Figma API reference documentation.