eSooq - a Shopify like e-commerce builder platform landing page web design.
Designed in Figma, built with Astro.js & GSAP
#projects #gridmorphic
Designed in Figma, built with Astro.js & GSAP
#projects #gridmorphic
π₯6
Figmaβs PDF exports (even with paid plugins) gave me huge, lagging files, so I built my own tool that exports slides as compressed images, overlays invisible texts from the Figma text nodes, adds all hyperlinks, and got a 48-slide deck with heavy effects from 177mb down to 11mb with smooth performance (some user reported 340mb to 7mb reduction as well)
I launched this plugin months ago, and over 430 people have used it so far. It's completely free with no limits, go ahead and try it out, would love to hear what you think:
I tested it on a 48-slide presentation, and these were the results:
πFigma's native pdf export: 177 MB
πTinyImage compression plugin: 153 MB
πCompressed PDF: 83 MB (only for 40 slides because of the free limit)
πPresentify: 11 MB
I launched this plugin months ago, and over 430 people have used it so far. It's completely free with no limits, go ahead and try it out, would love to hear what you think:
Presentify Figma Plugin (or just search "Presentify" inside the plugins tab)
I tested it on a 48-slide presentation, and these were the results:
πFigma's native pdf export: 177 MB
πTinyImage compression plugin: 153 MB
πCompressed PDF: 83 MB (only for 40 slides because of the free limit)
πPresentify: 11 MB
π₯7
gridmorphic
Photo
Known limitations of Presentify:
Searchable/Selectable text only works for English fonts, and doesn't yet support Amharic texts.
And there might be minor discrepancies when trying to select texts on the pdf depending on the font u used. That's because the invisible overlayed text is using helvetica font by default(with some modifications to align it better) since Figma plugin API doesn't expose ur font files. Might be able to fix this by having a feature to somehow upload the font files to the plugin. It didn't bother me that much tho so far, lmk what you think.
Searchable/Selectable text only works for English fonts, and doesn't yet support Amharic texts.
And there might be minor discrepancies when trying to select texts on the pdf depending on the font u used. That's because the invisible overlayed text is using helvetica font by default(with some modifications to align it better) since Figma plugin API doesn't expose ur font files. Might be able to fix this by having a feature to somehow upload the font files to the plugin. It didn't bother me that much tho so far, lmk what you think.
π2
It was two oβclock in the afternoon, and there wasnβt a sound to be heard as Petrus began to pray aloud:
...
"Have pity on those who are fearful of taking up a pen, or a paintbrush, or an instrument, or a tool because they are afraid that someone has already done so better than they could, and who feel themselves to be unworthy to enter the marvelous mansion of art. But have even more pity on those who, having taken up the pen, or the paintbrush, or the instrument, or the tool, have turned inspiration into a paltry thing, and yet feel themselves to be better than others. Neither of these kinds of people know thy law that says, βFor there is nothing covered that will not be revealed, nor hidden that will not be known.β "
- The Pilgrimage by Paulo Coelho
π―3
A recent project I worked on for an association...
Same tech stack as always, Astro.js with GSAP for animations
#projects
@gridmorphic
Same tech stack as always, Astro.js with GSAP for animations
#projects
@gridmorphic
β‘3π2β€1π₯1
This media is not supported in your browser
VIEW IN TELEGRAM
A menu reveal animation codepen experiment I worked on a while back, thought I'd share with yall...
[Codepen Link]
You can give your ai agents the link with instructions to use WebMCP since codepen now supports it
#codepen
@gridmorphic
[Codepen Link]
You can give your ai agents the link with instructions to use WebMCP since codepen now supports it
#codepen
@gridmorphic
π₯5
π1
Dashboard mockups for eSooq (the Shopify like platform I shared the landing page for...)
#projects
@gridmorphic
#projects
@gridmorphic
β‘3