Variable Data Structures for Dynamic Graphic Design Simulation

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Software design tools face challenges in managing the complex objectives and requirements of user interface design, particularly in blending functional and aesthetic aspects, which are difficult to track and implement effectively.

Innovation Solution

A graphic design system utilizing a variable data structure that allows users to create and update designs by defining multi-state components, associating instances with variable data structures, and switching thematic values to accommodate different design environments, enabling dynamic rendering and simulation of graphic designs in production environments.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If designers use traditional design tools to manage user interface design, then they can create graphical designs, but it becomes difficult to track and manage multiple objectives and requirements simultaneously

Engineering Contradiction:
Improveability to manage multiple design objectivesVSAvoidcomplexity of tracking requirements
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The design system segments requirements into discrete, trackable entities by associating them with specific design elements. Each requirement can be independently managed through the variable data structure, allowing designers to track multiple objectives without overwhelming complexity.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The variable data structure acts as an intermediary layer between design elements and requirements. It mediates the relationship by providing a standardized way to store, retrieve, and manage requirement information associated with design elements, simplifying the tracking process.

Inventive Principle:
Principle #24Intermediary (Mediator)

2Adaptability or versatility

If designers blend functional aspects with aesthetic requirements, then they can create comprehensive user interfaces, but it becomes difficult to track and implement all requirements effectively

Engineering Contradiction:
Improveability to blend functional and aesthetic aspectsVSAvoidease of tracking requirements
Core Design Contradiction:
Adaptability or versatilityVSEase of operation

Solution Approach 1:

The variable data structure provides a universal mechanism that can handle both functional and aesthetic requirements uniformly. Designers can use the same data structure to manage diverse requirement types, making it easier to track and implement all requirements without treating different aspects separately.

Inventive Principle:
Principle #6Universality (Multi-functionality)

3Adaptability or versatility

If the system supports dynamic rendering and simulation of graphic designs, then it can accommodate various design environments, but it increases the complexity of the design system

Engineering Contradiction:
Improveability to accommodate design environmentsVSAvoidcomplexity of design system
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The system implements dynamics by allowing design elements to have variable attributes that can be dynamically determined based on the design environment. The variable data structure enables flexible configuration of design elements without requiring complex manual setup for each environment.

Inventive Principle:
Principle #15Dynamics

Solution Approach 2:

The system manages complexity by parameterizing design elements through the variable data structure. Instead of creating separate configurations for different environments, the system changes parameters (values in the variable data structure) to adapt design elements to various contexts, simplifying the overall system architecture.

Inventive Principle:
Principle #35Parameter changes

Data Source

PatentUS20240427482A1Graphic design system utilizing variable data structures for performing simulations where attributes of stateful design elements are dynamically determined
Publication Date: 2024.12.26 FIGMA INC
  • US20240427482A1 patent drawing
  • US20240427482A1 patent drawing
  • US20240427482A1 patent drawing

AI summary

A computer system is operable to associate each of a first and second layer of a graphic design with a variable data structure. The first layer includes a component that is associated with multiple instances that collectively define multiple states that are associated with the component. The computer system can perform a simulation of the graphic design being deployed in a production environment by (i) setting an active value for the variable data structure based on an attribute of one of the multiple instances of the component; and (ii) automatically configuring an attribute of the object of the second layer based on the active value of the variable data structure.