Granted Patent B2

US 12,333,278 · App. 17/169,267 · Granted Jun 17, 2025

Inventors: Marcin Wichary (San Francisco, CA); Jonas Sicking (San Francisco, CA)

Assignee: Figma, Inc.

G06F8/34G06F3/04842H04L67/02

Abstract

Claims (61)

1. A network computer system comprising:

one or more processors; and

one or more memory resources storing interactive graphic design system instructions and system instructions that, when executed by the one or more processors, cause the one or more processors to perform operations that comprise providing workspace data for a design interface and the interactive graphic design system instructions to a user computing device, wherein the interactive graphic design system instructions, when executed at the user computing device, causes the user computing device to:

render a plurality of objects of the design interface on a canvas;

interpret an action by a user selecting an area over a portion of the canvas;

identify multiple objects of the plurality of objects that are contained in the selected area, the multiple objects including at least a first objecting having one or more child objects;

determine, for each object of the multiple objects, a corresponding property value of a first type of property;

in response to the user selecting the area, display, as part of a selection property panel, multiple representations of property values of the first type of property, each representation of the multiple representations representing the corresponding property value of at least one object of the multiple objects;

wherein the selection property panel displays the multiple representations in accordance with an order that is based at least in part on usage amongst the multiple objects present in the selected area;

receive a user input through the selection property panel, the user input selecting a property value for the first type of property; and

update one or more objects of the multiple objects present in the area to have the selected property value of the first type of property, without updating a corresponding property value of the first type of property of any other object of the plurality of objects.

2. The network computer system of claim 1 , wherein the first type of property is a color or a style.

3. The network computer system of claim 1 , wherein the first type of property is a font.

4. The network computer system of claim 1 , wherein the system instructions, when executed by the one or more processors, cause the one or more processors to:

receive change data from the user computing device, the change data representing the updated one or more objects of the multiple objects; and

in response to receiving the change data, update, in a workspace data store, workspace data corresponding to the design interface to reflect the change data.

5. The network computer system of claim 4 , wherein the system instructions, when executed by the one or more processors, cause the one or more processors to:

provide the workspace data describing the design interface and the interactive graphic design system instructions to a second user computing device;

in response to receiving the change data from the user computing device, provide the change data to the second user computing device;

wherein the interactive graphic design system instructions, when executed at the second user computing device, cause the second user computing device to update the workspace data and a rendering of the design interface at the second user computing device, so as to render the updated one or more objects of the multiple objects on a canvas of the second user computing device.

6. The network computer system of claim 1 , wherein the system instructions, when executed by the one or more processors, cause the one or more processors to:

receive a notification of the user input specifying the selected property value at the user computing device;

in response to the notification, send a message to one or more other user computing devices working with the design interface, wherein the message causes locking of the objects in the plurality of objects corresponding to the selected property value at the one or more other user computing devices.

7. The network computer system of claim 1 , wherein the selection property panel indicates the one or more property values for the first type of property that are most frequently used amongst the multiple objects present in the area.

8. A non-transitory computer-readable medium that stores instructions, executable by one or more processors, to cause the one or more processors to:

receive workspace data describing a design interface;

render a plurality of objects of the design interface on a canvas;

interpret an action by a user selecting an area over a portion of the canvas;

identify multiple objects of the plurality of objects that are contained in the selected area, the multiple objects including at least a first objecting having one or more child objects;

determine, for each object of the multiple objects, a corresponding property value of a first type of property;

in response to the user selecting the area, displaying, as part of a selection property panel, multiple representations of property values of the first type of property, each representation of the multiple representations representing the corresponding property value of at least one object of the multiple objects;

wherein the selection property panel displays the multiple representations in accordance with an order that is based at least in part on usage amongst the multiple objects present in the selected area;

receive a user input through the selection property panel, the user input selecting a property value for the first type of property; and

update one or more objects of the multiple objects present in the area to have the selected property value of the first type of property, without updating a corresponding property value of the first type of property of any other object of the plurality of objects.

9. The non-transitory computer-readable medium of claim 8 , wherein the first type of property is a color, a style or a font.

10. The non-transitory computer-readable medium of claim 8 , wherein the instructions, when executed by the one or more processors, cause the one or more processors to:

transmit change data to a network computer system, the change data representing the updated one or more objects of the multiple objects.

11. The non-transitory computer-readable medium of claim 8 , wherein the selection property panel indicates the one or more property values for the first type of property by descending order of frequency in the multiple objects present in the area.

12. The non-transitory computer-readable medium of claim 8 , wherein the selection property panel indicates the one or more property values for the first type of property that are most frequently used amongst the multiple objects present in the area.

13. A method for operating a computing device comprising one or more processors, the method comprising:

providing workspace data describing a design interface and interactive graphic design system instructions to a user computing device, wherein the interactive graphic design system instructions, when executed at the user computing device, causes the user computing device to:

rendering a plurality of objects of the design interface on a canvas;

interpreting an action by a user selecting an area over a portion of the canvas;

identify multiple objects of the plurality of objects that are contained in the selected area, the multiple objects including at least a first objecting having one or more child objects;

determine, for each object of the multiple objects, a corresponding property value of a first type of property;

in response to the user selecting the area, displaying, as part of a selection property panel, multiple representations of property values of the first type of property, each representation of the multiple representations representing the corresponding property value of at least one object of the multiple objects;

wherein the selection property panel displays the multiple representations in accordance with an order that is based at least in part on usage amongst the multiple objects present in the selected area;

receiving user input through the selection property panel, the user input selecting a property value for the first type of property; and

updating one or more objects of the multiple objects present in the area to have the selected property value of the first type of property, without updating a corresponding property value of the first type of property of any other object of the plurality of objects.

14. The method of claim 13 , further comprising:

receiving change data from the user computing device, the change data representing the updated one or more objects of the multiple objects; and

in response to receiving the change data, updating, in a workspace data store, workspace data corresponding to the design interface to reflect the change data.

15. The method of claim 14 , further comprising:

providing the workspace data describing the design interface and the interactive graphic design system instructions to a second user computing device;

in response to receiving the change data from the user computing device, providing the change data to the second user computing device;

wherein the interactive graphic design system instructions, when executed at the second user computing device, cause the second user computing device to update the workspace data and a rendering of the design interface at the second user computing device, so as to render the updated one or more objects of the multiple objects on a canvas of the second user computing device.

16. The method of claim 13 , further comprising:

receiving a notification of the user input specifying the selected property value at the user computing device;

in response to the notification, sending a message to one or more other user computing devices working with the design interface, wherein the message causes locking of the objects in the plurality of objects corresponding to the selected property value at the one or more other user computing devices.

17. The method of claim 13 , wherein the selection property panel indicates the one or more property values for the first type of property by descending order of frequency in the, multiple objects present in the area.

18. The method of claim 13 , wherein the selection property panel indicates the one or more property values for the first type of property that are most frequently used amongst the multiple objects present in the area.

Assignments (2)

Continuity (2)

References Cited (119)