IP Library Granted Patent US 12,210,735
Granted Patent B1
US 12,210,735 · App. 18/426,002 · Granted Jan 28, 2025

Commenting feature for graphic design systems

Inventors: Ryhan Hassan (San Francisco, CA); Christa Simon (San Francisco, CA); Thomas John Pavlu (San Francisco, CA); Michael Harris (San Francisco, CA); Meagan Gamache (San Francisco, CA)
Assignee: Figma, Inc.
G06F3/04845
View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 12,210,735
App. No.
18/426,002
Granted
Jan 28, 2025
Kind
B1
Abstract

A computer system and method generates one or more commenting features on a canvas, wherein each commenting feature carries at least one comment from a given source. Each commenting feature can include a pin component and a comment body element. The pin component is associated with a corresponding location on the canvas. The computer system and method enable the user to move the comment body element about at least a region of the canvas to view the at least one comment from the given source, while rendering the pin component to coincide with the corresponding associated location of the canvas.

Claims (30)

1. A network computer system comprising:

a memory sub-system to store a set of instructions;

one or more processors are operable to communicate the set of instructions to one or more user devices, wherein the set of instructions include instructions that when executed by each of the one or more user devices, causes the one or more user devices to perform operations that include:

rendering a commenting feature over a canvas that includes a graphic design, the commenting feature including a pin component and a comment body element, the pin component being associated with a corresponding location on the canvas and the comment body element being associated with a comment record;

enabling a user to interact with the commenting feature as rendered on the canvas including providing input to the comment body element regarding the graphic design; and

wherein the user changing a view of the canvas results in varying a view of the graphic design and the commenting feature, while maintaining the pin component in association with the corresponding location of the canvas as the commenting feature is being rendered over the canvas, to enable the user to view the comment body element being rendered over the canvas while editing the graphic design at or near the corresponding location of the pin component;

wherein the comment record includes one or more data sets, including a user-specified comment and metadata, the metadata indicating (i) a state value for one of multiple states of the commenting feature that is visually represented, and (ii) a source identifier for the user-specified comment.

2. The network computer system of claim 1 , wherein the corresponding location associated with the pin component corresponds to a location of a design element of the graphic design.

3. The network computer system of claim 1 , wherein changing the view of the canvas includes changing a zoom level, and wherein maintaining the pin component in association with the corresponding location of the pin component is based on a spatial relationship.

4. The network computer system of claim 1 , wherein the operations include rendering a plurality of commenting features, and wherein when multiple commenting features of the plurality of commenting features satisfy an overlap condition, the operations further include visually clustering the multiple commenting features.

5. The network computer system of claim 4 , wherein visually clustering the multiple commenting features is based on a zoom level of the graphic design.

6. The network computer system of claim 1 , wherein the state value indicates one of a new state, an updated state, or an unresolved state.

7. The network computer system of claim 1 , wherein the commenting feature is renderable in each of a viewed state and an unviewed state.

8. The network computer system of claim 1 , wherein the commenting feature includes comments from multiple sources.

9. A non-transitory computer-readable medium that stores instructions, which when executed by one or more processors of a computer system, cause the computer system to perform operations that include:

rendering a commenting feature over a canvas that includes a graphic design, the commenting feature including a pin component and a comment body element, the pin component being associated with a corresponding location on the canvas and the comment body element being associated with a comment record;

enabling a user to interact with the commenting feature as rendered on the canvas including providing input to the comment body element regarding the graphic design; and

wherein the user changing a view of the canvas results in varying a view of the graphic design and the commenting feature, while maintaining the pin component in association with the corresponding location of the canvas as the commenting feature is being rendered over the canvas, to enable the user to view the comment body element being rendered over the canvas while editing the graphic design at or near the corresponding location of the pin component;

wherein the comment record includes one or more data sets, including a user-specified comment and metadata, the metadata indicating (i) a state value for one of multiple states of the commenting feature that is visually represented, and (ii) a source identifier for the user-specified comment.

10. The non-transitory computer-readable medium of claim 9 , wherein the corresponding location associated with the pin component corresponds to a design element of the graphic design.

11. The non-transitory computer-readable medium of claim 9 , wherein changing the view of the canvas includes changing a zoom level, and wherein maintaining the pin component in association with the corresponding location of the pin component is based on a spatial relationship.

12. The non-transitory computer-readable medium of claim 9 , wherein the operations include rendering a plurality of commenting features, and wherein when multiple commenting features of the plurality of commenting features satisfy an overlap condition, the operations further include visually clustering the multiple commenting features.

13. A computer-implemented method for operating a network computer system, the method being implemented by one or more processors and comprising:

rendering a commenting feature over a canvas that includes a graphic design, the commenting feature including a pin component and a comment body element, the pin component being associated with a corresponding location on the canvas and the comment body element being associated with a comment record;

enabling a user to interact with the commenting feature as rendered on the canvas including providing input to the comment body element regarding the graphic design; and

wherein the user changing a view of the canvas results in varying a view of the graphic design and the commenting feature, while maintaining the pin component in association with the corresponding location of the canvas as the commenting feature is being rendered over the canvas, to enable the user to view the comment body element being rendered over the canvas while editing the graphic design at or near the corresponding location of the pin component;

wherein the comment record includes one or more data sets, including a user-specified comment and metadata, the metadata indicating (i) a state value for one of multiple states of the commenting feature that is visually represented, and (ii) a source identifier for the user-specified comment.

14. The computer-implemented method of claim 13 , wherein the corresponding location associated with the pin component corresponds to a location of a design element of the graphic design.

15. The computer-implemented method of claim 13 , wherein changing the view of the canvas includes changing a zoom level, and wherein maintaining the pin component in association with the corresponding location of the pin component is based on a spatial relationship.

16. The computer-implemented method of claim 13 , wherein the method further includes rendering a plurality of commenting features, and wherein when multiple commenting features of the plurality of commenting features satisfy an overlap condition, the operations further include visually clustered clustering the multiple commenting features.

Assignments (2)
GRANT OF SECURITY INTEREST IN PATENT RIGHTS Recorded Jun 27, 2025
From: FIGMA, INC.
To: MORGAN STANLEY SENIOR FUNDING, INC., AS COLLATERAL AGENT
Reel/Frame 071775/0349 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded May 6, 2025
From: HASSAN, RYHAN; SIMON, CHRISTA; PAVLU, THOMAS JOHN; HARRIS, MICHAEL; GAMACHE, MEAGAN
To: FIGMA, INC.
Reel/Frame 071042/0101 →
Continuity (2)
Continuation 17988563 · Nov 16, 2022
Provisional Application 63280140 · Nov 16, 2021
References Cited (99)
US 6088709A · Watanabe · 2000 [cited by examiner]
US 7536653B2 · Badovinac · 2009 [cited by applicant]
US D687062S · Gardner · 2013 [cited by applicant]
US D689091S · Impas · 2013 [cited by applicant]
US 8533580B1 · Xu · 2013 [cited by applicant]
US D693365S · Gardner · 2013 [cited by applicant]
US D706826S · McLean · 2014 [cited by applicant]
US D745046S · Shin · 2015 [cited by applicant]
US D755225S · Kim · 2016 [cited by applicant]
US 9430229B1 · Zijst · 2016 [cited by applicant]
US 9477649B1 · Davidson · 2016 [cited by applicant]
US D774044S · Ouihet · 2016 [cited by applicant]
US D789391S · Cabrera, Jr. · 2017 [cited by applicant]
US D820311S · Cabrera, Jr. · 2018 [cited by applicant]
US 10129188B2 · Liu · 2018 [cited by examiner]
US 10606576B1 · Tung · 2020 [cited by applicant]
US 11010542B2 · Nelson · 2021 [cited by applicant]
US D925597S · Chandran · 2021 [cited by applicant]
US D1009905S · Park · 2024 [cited by applicant]
US D1017629S · Park · 2024 [cited by applicant]
US 12067208B2 · Lin · 2024 [cited by examiner]
US 20040005627A1 · Chen · 2004 [cited by examiner]
US 20040054627A1 · Rutledge · 2004 [cited by examiner]
US 20070118794A1 · Hollander · 2007 [cited by examiner]
US 20100037149A1 · Heath · 2010 [cited by applicant]
US 20100192107A1 · Takahashi · 2010 [cited by applicant]
US 20110047532A1 · Wang · 2011 [cited by examiner]
US 20110268262A1 · Jones · 2011 [cited by applicant]
US 20130013089A1 · Kawakami · 2013 [cited by examiner]
US 20130014023A1 · Lee · 2013 [cited by examiner]
US 20130031208A1 · Linton · 2013 [cited by examiner]
US 20130097476A1 · Koroda · 2013 [cited by applicant]
US 20130111338A1 · Huo · 2013 [cited by applicant]
US 20130124967A1 · Hatfield · 2013 [cited by applicant]
US 20140040833A1 · McLean · 2014 [cited by applicant]
US 20140108963A1 · Black · 2014 [cited by applicant]
US 20140258968A1 · Brown · 2014 [cited by applicant]
US 20140298153A1 · Tsujimoto · 2014 [cited by examiner]
US 20140310660A1 · Rosen · 2014 [cited by applicant]
US 20150032366A1 · Man · 2015 [cited by examiner]
US 20150127753A1 · Tew · 2015 [cited by applicant]
US 20150302338A1 · Zaveri · 2015 [cited by examiner]
US 20160110063A1 · Connolly · 2016 [cited by examiner]
US 20160232785A1 · Wang · 2016 [cited by applicant]
US 20160277341A1 · Garen · 2016 [cited by examiner]
US 20160343156A1 · Yoshizawa · 2016 [cited by applicant]
US 20160358467A1 · Jeong · 2016 [cited by examiner]
US 20170109139A1 · Bitner · 2017 [cited by applicant]
US 20170293544A1 · Katayama · 2017 [cited by applicant]
US 20170339370A1 · Inoue · 2017 [cited by applicant]
US 20180053227A1 · Camhi · 2018 [cited by applicant]
US 20180121039A1 · Bliss · 2018 [cited by examiner]
US 20180173701A1 · Kim · 2018 [cited by applicant]
US 20180174446A1 · Wang · 2018 [cited by applicant]
US 20180234738A1 · Sarkar · 2018 [cited by examiner]
US 20180285084A1 · Mimlitch, III · 2018 [cited by applicant]
US 20180315248A1 · Bastov · 2018 [cited by examiner]
US 20180337880A1 · Sokolov · 2018 [cited by examiner]
US 20180350144A1 · Rathod · 2018 [cited by applicant]
US 20190129927A1 · Okamoto · 2019 [cited by applicant]
US 20190179501A1 · Seeley · 2019 [cited by applicant]
US 20190236975A1 · Chong · 2019 [cited by applicant]
US 20190238602A1 · Lo · 2019 [cited by applicant]
US 20190303880A1 · Hashimoto · 2019 [cited by applicant]
US 20190361580A1 · Dowling · 2019 [cited by applicant]
US 20200296147A1 · Eliason · 2020 [cited by applicant]
US 20210099762A1 · Bernstein · 2021 [cited by examiner]
US 20210208775A1 · Allington · 2021 [cited by applicant]
US 20220108276A1 · Stringham · 2022 [cited by applicant]
US 20220191594A1 · Devoy, III · 2022 [cited by applicant]
US 20220263675A1 · Cupala · 2022 [cited by applicant]
US 20220334704A1 · Lin · 2022 [cited by applicant]
US 20220334806A1 · Lin · 2022 [cited by applicant]
EP 0576178 · 1993 [cited by applicant]
EP 2775397A2 · 2014 [cited by applicant]
EP 3293619 · 2018 [cited by applicant]
EP 3633472A1 · 2020 [cited by applicant]
WO WO2009132444A1 · 2009 [cited by applicant]
WO WO2019209391A1 · 2019 [cited by applicant]
WO WO2021097141 · 2021 [cited by applicant]
WO WO2021159079 · 2021 [cited by applicant]
WO WO2022061027 · 2022 [cited by applicant]
WO WO2022109200 · 2022 [cited by applicant]
International Search Report and the Written Opinion of the International Searching Authority mailed Jul. 1, 2022, for related PCT/US2022/025626, filed Apr. 20, 2022, 17 pages. [cited by applicant]
Wallace Evan: “Multiplayer Editing in Figma”, figma.com/blog, Sep. 28, 2016 (Sep. 28, 2016), XP055930547, Retrieved from the Internet: URL: https://www.figma.com/blog/multiplayer-editing-in-figma/ [retrieved on Jun. 13,… [cited by applicant]
Anonymous: “Change cursor into custom text”, Dec. 24, 2018 (Dec. 24, 2018), XP055930588, Retrieved from the Internet: URL: https://stackoverflow.com/questions/53916492/change-cursor-into-custome-text [retrieved on Jun. … [cited by applicant]
International Search Report and the Written Opinion of the International Searching Authority mailed Jul. 25, 2022, for related PCT/US2022/025840 filed Apr. 20, 2022, 17 pages. [cited by applicant]
Paper by WeTransfer—Simple Sketch App, “Creativity at your fingertips” URL:https://web.archive.org/web/20220121205009/https://wetransfer.com/paper, 9 pages. [cited by applicant]
Zack Qattan, “Collaborative Cursor Chat w/Croquet”, Nov. 30, 2020, youtube.com, https://www.youtube.com/watch?v=NiqTCROdlgw pp. 1-15 (Year: 2020). [cited by applicant]
International Search Report and the Written Opinion of the International Searching Authority mailed Feb. 1, 2023, for related PCT/US2022/047191 filed Oct. 19, 2022, 16 pages. [cited by applicant]
International Search Report and the Written Opinion of the International Searching Authority mailed Mar. 1, 2023 for related PCT/US2022/050134 filed Nov. 16, 2022, 10 pages. [cited by applicant]
Philippe Charles et al.: “Accelerating the creation of customized, language-specific IDEs in Eclipse”, ACM Sigplan Notices, Association for Computing Machinery, US, vol. 44, No. 10, Oct. 25, 2009 (Oct. 25, 2009), pp. 19… [cited by applicant]
Robert Bye, Launched! Feature: Comments, posted Sep. 2022 (online), Retrieved from internet Oct. 17, 2024, https://forum.figma.com/t/launched-feature-comments/3737/21 (Year: 2022). [cited by applicant]
Gerardo Orlandin, Flat Tear Drop Mette a Disposizione Oltre 1800 Icone Minimalo Dalla Forma a Larci, posted Nov. 20, 2019 (online), Retreived from the internet Oct. 17, 2024, https://tuttoandroid.net/applacizioni/flat-t… [cited by applicant]
Inkognito, Quark vs Scottish Arts Council, posted Oct. 16, 2007 (online), Retreived from the Internet Sep. 18, 2024, https://inkognito.wordpress.com/2007/10/16/quark-vs-scottish-arts-council/ (Year: 2007). [cited by applicant]
Bugsster, Color Picker Vector Icon, posted Sep. 19, 2017 (online), Retreived from the Internet Oct. 17, 2024, https://www.shutterstock.com/image-vector/color-picker-vector-icon-718760203 (Year: 2017). [cited by applicant]
Kevin Rabida, 9 Generic Logotypes You Should Avoid When Designing A Logo, posted Mar. 26, 2015 (online), Retreived from the internet Oct. 17, 2024, https://ucreative.com/articles/9-generic-logotypes-you-should-avoid-whe… [cited by applicant]
Purlo Punk, Chat Teardrop Icon, posted Dec. 2, 2021 (online), Retreived from the internet Oct. 17, 2024, https://shutterstock.com/image-vector/chat-teardrop-icon-thin-light-regular-2085261703 (Year: 2021). [cited by applicant]
Batman_In_Peacetime, So I've Been Trying “Theming” from the Developer Options, posted Jan. 15, 2020 (online), Retreived from the internet Oct. 17, 2024, https://reddit.com/r/galaxys10/commenst/epda08/so_ive_been_trying_… [cited by applicant]