Granted Patent B2

US 12,327,095 · App. 18/136,904 · Granted Jun 10, 2025

Inventors: Brian Truong (San Francisco, CA); Billy Ma (San Francisco, CA)

Assignee: Salesforce, Inc.

G06F8/38G06F8/20G06F8/36

Abstract

Claims (45)

1. A method comprising:

parsing, at a server, a design file including code for a user interface, wherein the code is readable by the server into a tree representation having nodes, wherein the nodes represent design elements of the user interface and includes one or more design properties, a unique identifier, and references to child elements of the design elements;

traversing, at the server, the tree representation and comparing the design elements of the tree representation to a set of factors to determine when the design elements meet a criteria to be a subcomponent for one or more components of the code of the design file;

adding, at the server, the design elements to a list of subcomponent candidates that meet at least one of the set of factors to be a subcomponent, and removing duplicate subcomponents from the list;

generating, at the server, a tree structure for the one or more components using the list of subcomponent candidates; and

naming, at the server, the one or more components of the tree structure with unique names for reusability.

2. The method of claim 1 , wherein the one or more design properties include at least one selected from the group consisting of: size of the design elements, position of the design elements, type of the design elements, color of the design elements, and interactions with the design elements.

3. The method of claim 1 , further comprising:

determining, at the server, whether the subcomponents in the list of subcomponent candidates include one or more of the child elements; and

adding, at the server, the child elements that meet at least one of the set of factors to be a subcomponent to the list of subcomponent candidates.

4. The method of claim 3 , further comprising:

determining, at the server, whether the number of child elements is equal to or greater than a predetermined subtree size; and

adding, at the server, the child elements to the list of subcomponent candidates when the number of child elements is greater than or equal to the predetermined subtree size and the child elements meet at least one of the set of factors to be a subcomponent.

5. The method of claim 1 , wherein the removing duplicate subcomponents from the list comprises:

determining, at the server, whether the list of candidate subcomponents includes duplicates; and

removing, at the server, the determined duplicate subcomponents from the list of candidate subcomponents.

6. The method of claim 1 , wherein the set of factors comprises at least one selected from the group consisting of: visualization of the design elements, functional operation of the design elements, repetition of the design elements, and complexity of the design elements.

7. The method of claim 5 , wherein the visualization factor includes at least one selected from the group consisting of: accessibility of the design elements, animation of the design elements, transitions of the design elements, spatial relationship of the design elements, patterns of the design elements, variation of state of the design elements, and conditional rendering of the design elements.

8. The method of claim 5 , wherein the functional factor includes at least one selected from the group consisting of: user interactive elements of the design elements, scalable content of the design elements, data containers of the design elements, and a performance value of the design elements.

9. The method of claim 1 , further comprising:

determining, at the server, whether the design file includes a plurality of frames that are grouped together;

determining, at the server, whether the determined plurality of frames that are grouped together are reduceable to subcomponents; and

adding, at the server, the design elements of the plurality of frames to the list of subcomponent candidates that meet at least one of the set of factors to be a subcomponent.

10. The method of claim 1 , further comprising:

weighting, at the server, one or more of the set of factors for determining when the design elements meet a criteria to be a subcomponent.

11. A system comprising:

a server having a processor communicatively coupled to a memory, wherein the server:

parses a design file including code for a user interface, wherein the code is readable by the server into a tree representation having nodes, wherein the nodes represent design elements of the user interface and includes one or more design properties, a unique identifier, and references to child elements of the design elements;

traverses the tree representation and comparing the design elements of the tree representation to a set of factors to determine when the design elements and meet a criteria to be a subcomponent for one or more components of the code of the design file;

adds the design elements to a list of subcomponent candidates that meet at least one of the set of factors to be a subcomponent, and remove duplicate subcomponents from the list;

generates a tree structure for the one or more components using the list of subcomponent candidates; and

names the one or more components of the tree structure with unique names for reusability.

12. The system of claim 11 , wherein the one or more design properties include at least one selected from the group consisting of: size of the design elements, position of the design elements, type of the design elements, color of the design elements, and interactions with the design elements.

13. The system of claim 11 , wherein the server determines whether the subcomponents in the list of subcomponent candidates include one or more of the child elements, and

wherein the server adds the child elements that meet at least one of the set of factors to be a subcomponent to the list of subcomponent candidates.

14. The system of claim 13 , wherein the server determines whether the number of child elements is equal to or greater than a predetermined subtree size, and

wherein the server adds the child elements to the list of subcomponent candidates when the number of child elements is greater than or equal to the predetermined subtree size and the child elements meet at least one of the set of factors to be a subcomponent.

15. The system of claim 11 , wherein the server removes duplicate subcomponents from the list by determining whether the list of candidate subcomponents includes duplicates, and removing the determined duplicate subcomponents from the list of candidate subcomponents.

16. The system of claim 11 , wherein the set of factors comprises at least one selected from the group consisting of: visualization of the design elements, functional operation of the design elements, repetition of the design elements, and complexity of the design elements.

17. The system of claim 16 , wherein the visualization factor includes at least one selected from the group consisting of: accessibility of the design elements, animation of the design elements, transitions of the design elements, spatial relationship of the design elements, patterns of the design elements, variation of state of the design elements, and conditional rendering of the design elements.

18. The system of claim 16 , wherein the functional factor includes at least one selected from the group consisting of: user interactive elements of the design elements, scalable content of the design elements, data containers of the design elements, and a performance value of the design elements.

19. The system of claim 11 , wherein the server determines whether the design file includes a plurality of frames that are grouped together,

wherein the server determines whether the determined plurality of frames that are grouped together are reduceable to subcomponents, and

wherein the server adds the design elements of the plurality of frames to the list of subcomponent candidates that meet at least one of the set of factors to be a subcomponent.

20. The system of claim 11 , wherein the server weights one or more of the set of factors for determining when the design elements meet a criteria to be a subcomponent.

Assignments (1)

Continuity (1)

References Cited (52)