liferay.design icon indicating copy to clipboard operation
liferay.design copied to clipboard

Published 20 hours ago • verified publisher icon liferay-design

Figma as a Data Source

Open plhnk opened this issue 4 years ago • 6 comments

There's a gatsby-source-figma plugin — this issue is for research into how we could use it. Some ideas:

  1. replace the need to reference images in documentation (Lexicon, Blueprints) — reference the figma node instead
  2. embed figma files in blog posts
  3. embed figma prototypes in case studies

thoughts / ideas welcome!

plhnk avatar Mar 11 '20 19:03 plhnk

Have you tried it locally @plhnk ? We would like to see an example of what this is able to make and how it looks like.

I played I while ago with something similar and I only got a frame that had zoom and pan navigation and I didn't like that outcome.

victorvalle avatar Mar 13 '20 07:03 victorvalle

I haven't tried it at all — just created this issue for ideation/conversation :)

plhnk avatar Mar 16 '20 23:03 plhnk

The best I can do right now is this

image

victorvalle avatar Nov 07 '20 17:11 victorvalle

This would allow us to remove many images :). But we should wait for @drakonux to be back and make a decision.

victorvalle avatar Nov 07 '20 18:11 victorvalle

this is cool — so you're embedding an iframe w/a node id? Is there any way to query the contents of the node, and get a PNG of it?

plhnk avatar Nov 09 '20 21:11 plhnk

I just took the "Embedded code" option from share modal

image

The answer to your question is "I'm not sure". As far as I know you can browse an entire project json and get very deep. I don't see any specific function to export as PNG

victorvalle avatar Nov 10 '20 17:11 victorvalle