Create accountLogin

Recent searches

No recent searches

Search options

Only available when logged in.
toad.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Mastodon server operated by David Troy, a tech pioneer and investigative journalist addressing threats to democracy. Thoughtful participation and discussion welcome.

Administered by:

Server stats:

300
active users

toad.social: AboutProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.8

#figma

1 post1 participant0 posts today
Matthias Ott<p>Just gave <span class="h-card" translate="no"><a href="https://fosstodon.org/@penpot" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>penpot</span></a></span> a try for a project. It is much more mature than I had expected! But there are still quite a few bugs, quirks, and inconsistencies that make working with it very cumbersome. Still a way to go until this is a serious alternative to <a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Figma</span></a> IMO.</p>
Wenzel 💚<p><a href="https://indieweb.social/tags/PSA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PSA</span></a>: Creating a website with <a href="https://indieweb.social/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Figma</span></a> sites currently produces an inaccessible mess, not compatible with search engines, screen readers, or older devices with weaker processors.</p><p>In plain English:</p><p>Figma sites, in their current state, discriminate against people with disabilities. Search engines won't rank them, because they don't understand them. Old phones and computers will run hot and might crash trying to open them.</p><p>Do not use Figma to publish a site!<br><a href="https://indieweb.social/@stairjoke/114513445843096356" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">indieweb.social/@stairjoke/114</span><span class="invisible">513445843096356</span></a></p>
Ayinawu Tanko<p>🚀 I Explored AI + low-code tools to turn Figma designs into real apps!</p><p>🔧 Tested:<br>• Locofy.ai – Figma ➡️ React<br>• Bravo Studio – Mobile apps + APIs<br>• Uizard – No-code mockups<br>• Cursor – AI-assisted coding<br>• + Anima, Framer, TeleportHQ</p><p>✅ Best for fast MVPs, dev-ready code &amp; AI-powered workflows</p><p>📄 Full report 👉 <a href="https://openearth.notion.site/AI-Enhanced-Low-Code-Tools-for-Transforming-Figma-Designs-into-Real-Applications-1eceb557728b807c8598eaec19dc23d2" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">openearth.notion.site/AI-Enhan</span><span class="invisible">ced-Low-Code-Tools-for-Transforming-Figma-Designs-into-Real-Applications-1eceb557728b807c8598eaec19dc23d2</span></a><br>🖼️ Demo 👉 <a href="https://www.locofy.ai/preview/AP07cSauSFm1prTM312%2BfKEvAaS3Om%2BsrkNcKmuPy4a5%2BX4Mjtgc1t5EESmSShoThNi9FRFKTyjLIkXwDasCBrxCXFBwms%2F%2FEBvPhg%3D%3D/Fitness-Landing-Page--Community-" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">locofy.ai/preview/AP07cSauSFm1</span><span class="invisible">prTM312%2BfKEvAaS3Om%2BsrkNcKmuPy4a5%2BX4Mjtgc1t5EESmSShoThNi9FRFKTyjLIkXwDasCBrxCXFBwms%2F%2FEBvPhg%3D%3D/Fitness-Landing-Page--Community-</span></a></p><p><a href="https://social.openearth.org/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AI</span></a> <a href="https://social.openearth.org/tags/LowCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LowCode</span></a> <a href="https://social.openearth.org/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Figma</span></a> <a href="https://social.openearth.org/tags/UXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXDesign</span></a> <a href="https://social.openearth.org/tags/NoCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NoCode</span></a> <a href="https://social.openearth.org/tags/ClimateTechDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ClimateTechDesign</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Findings" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Findings</span></a><br>AI design tools status update · “We’re still nowhere near the AI-powered design tools promised.” <a href="https://ilo.im/163sgy" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/163sgy</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Research" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Research</span></a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AI</span></a> <a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Figma</span></a> <a href="https://mastodon.social/tags/KhromaColor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>KhromaColor</span></a> <a href="https://mastodon.social/tags/Midjourney" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Midjourney</span></a> <a href="https://mastodon.social/tags/DesignTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignTools</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UxDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a></p>
Grumpy Website<p>Another confusing puzzle. Which slider is disabled? According to Figma, top one ¯\_(ツ)_/¯</p><p><a href="https://mastodon.online/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Figma</span></a> <a href="https://mastodon.online/tags/Disabled" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Disabled</span></a> <a href="https://mastodon.online/tags/Slider" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Slider</span></a> <a href="https://mastodon.online/tags/GreyOnGrey" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GreyOnGrey</span></a> <a href="https://mastodon.online/tags/Contrast" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Contrast</span></a></p>
Grumpy Website<p>Why are modern designers so afraid of contrast? E.g. Figma uses <a href="https://mastodon.online/tags/F5F5F5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>F5F5F5</span></a> and <a href="https://mastodon.online/tags/FFFFFF" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FFFFFF</span></a> do differentiate between selected/unselected states. That’s invisible almost anywhere!</p><p><a href="https://mastodon.online/tags/Contrast" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Contrast</span></a> <a href="https://mastodon.online/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Figma</span></a></p>
Stefan<p>Figma Sites is worse than you might have thought by Kevin Powell<br><a href="https://www.youtube.com/watch?v=ZsFIvULxkHI" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=ZsFIvULxkH</span><span class="invisible">I</span></a></p><p><a href="https://gardenstate.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://gardenstate.social/tags/figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>figma</span></a></p>
Adrian Roselli<p>I’ve added a couple dozen links (to posts, articles, videos, examples, Figma responses, etc.) since this morning:<br><a href="https://adrianroselli.com/2025/05/do-not-publish-your-designs-on-the-web-with-figma-sites.html#Updates" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">adrianroselli.com/2025/05/do-n</span><span class="invisible">ot-publish-your-designs-on-the-web-with-figma-sites.html#Updates</span></a></p><p>It’s nice to know that my reaction to <a href="https://toot.cafe/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Figma</span></a> Sites was not an outlier.</p><p><a href="https://toot.cafe/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://toot.cafe/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://toot.cafe/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> <a href="https://toot.cafe/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a></p>
Frontend Dogma<p>Do Not Publish Your Designs on the Web With Figma Sites…, by <span class="h-card" translate="no"><a href="https://toot.cafe/@aardrian" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>aardrian</span></a></span>:</p><p><a href="https://adrianroselli.com/2025/05/do-not-publish-your-designs-on-the-web-with-figma-sites.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">adrianroselli.com/2025/05/do-n</span><span class="invisible">ot-publish-your-designs-on-the-web-with-figma-sites.html</span></a></p><p><a href="https://mas.to/tags/figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>figma</span></a> <a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a></p>
Adrian Roselli<p>ICYMI, I spent 30 more minutes on this and wrote a blog post:<br><a href="https://adrianroselli.com/2025/05/do-not-publish-your-designs-on-the-web-with-figma-sites.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">adrianroselli.com/2025/05/do-n</span><span class="invisible">ot-publish-your-designs-on-the-web-with-figma-sites.html</span></a></p><p>The FrontPage comparison was unfair. It’s more like Dreamweaver.</p><p>I mean, look at all those divs!</p><p><a href="https://toot.cafe/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> <a href="https://toot.cafe/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a> <a href="https://toot.cafe/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Figma</span></a></p>
Estelle<p>Watching <a href="https://mastodon.design/tags/figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>figma</span></a>'s keynote right now. Let's see what they have...</p>
developer.overheid.nl<p>Altijd al eens NL Design System willen uitproberen? Wij hebben een tutorial die je helpt het lokaal aan de praat te krijgen:</p><p><a href="https://developer.overheid.nl/kennisbank/front-end/nl-design-system/aan-de-slag-met-nl-design-system" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.overheid.nl/kennisba</span><span class="invisible">nk/front-end/nl-design-system/aan-de-slag-met-nl-design-system</span></a></p><p>Wat vinden jullie van NL Design System? Mochten jullie fan zijn, 22 mei is er een meetup waarbij Robbert van NL Design System vertelt over het project:</p><p><a href="https://opensourcewerken.nl/events/view/b6685a32-b9ff-48d6-99f3-82fa711e6675/opensourcewerken-hoe-werkt-dat-bij-nl-design-system" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">opensourcewerken.nl/events/vie</span><span class="invisible">w/b6685a32-b9ff-48d6-99f3-82fa711e6675/opensourcewerken-hoe-werkt-dat-bij-nl-design-system</span></a></p><p><a href="https://social.overheid.nl/tags/nl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nl</span></a>-design-system <a href="https://social.overheid.nl/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>opensource</span></a> <a href="https://social.overheid.nl/tags/publictech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>publictech</span></a> <a href="https://social.overheid.nl/tags/designsystems" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designsystems</span></a> <a href="https://social.overheid.nl/tags/figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>figma</span></a></p>
Ænðr E. Feldstraw<p><span class="h-card" translate="no"><a href="https://hachyderm.io/@joelanman" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>joelanman</span></a></span> Yep. That's one of the reasons why, after reviewing <a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Figma</span></a> , we rejected it, and advised everyone to do the same. We want an <a href="https://mastodon.social/tags/accessibleweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibleweb</span></a> . Figma should be an <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> . They are perfectly positioned to lead the way. And they choose differently.</p>
Ivan Jerônimo<p>Parte da equipe do trabalho que acompanhou o Config (a conferência anual do Figma) ficou entusiasmada com as novidades.</p><p>Lançaram quatro aplicações novas para competir diretamente com:</p><p>- Adobe Illustrator<br>- Canva e Adobe Express<br>- Framer, Wix e Wordpress.com<br>- Uizard e outros tantos construtores de aplicações via prompt de IA</p><p>Se eu não conhecesse as práticas de dark pattern na cobrança, também ia achar legal.</p><p><a href="https://bolha.one/tags/figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>figma</span></a> <a href="https://bolha.one/tags/config2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>config2025</span></a></p>
Amadeus Maximilian<p>So <a href="https://mastodon.design/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Figma</span></a> is trying to become Canva and Framer under one roof? 😅 I don’t know what to think of that yet.</p>
Adrian Roselli<p>I see <a href="https://toot.cafe/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Figma</span></a> has decided to reincarnate FrontPage, but worse:<br><a href="https://www.figma.com/blog/introducing-figma-sites/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">figma.com/blog/introducing-fig</span><span class="invisible">ma-sites/</span></a></p><p>Sample 1, with 269 axe issues:<br><a href="https://www.config.new/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">config.new/</span><span class="invisible"></span></a></p><p>Sample 2, with only 184 axe issues:<br><a href="https://www.practice-type.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">practice-type.com/</span><span class="invisible"></span></a></p><p>No mention of <a href="https://toot.cafe/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a> in the announcement, so I guess none expected?</p><p>Anyway, get ahead of this, folks. We’re going back to 1999!</p><p><a href="https://toot.cafe/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a></p>
frankie (auto-rebootable)<p>Anyone use Penpot, the Open Source Figma alternative- for for prototyping and design?</p><p><a href="https://penpot.app/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">penpot.app/</span><span class="invisible"></span></a></p><p><a href="https://infosec.exchange/tags/Penpot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Penpot</span></a> <a href="https://infosec.exchange/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Figma</span></a> <a href="https://infosec.exchange/tags/Privacy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Privacy</span></a> <a href="https://infosec.exchange/tags/FOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FOSS</span></a> <a href="https://infosec.exchange/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a></p>
@990000@mstdn.social<p>Anyone else's <a href="https://mstdn.social/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Figma</span></a> keeps freezing in dev mode when exporting an image?</p><p><a href="https://mstdn.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a></p>
@990000@mstdn.social<p>I posted on LinkedIn about one of the more common Figma issues I run into that makes it hard to measure text distances and margins, usually at the bottom. Been meaning to do this for a while. </p><p><a href="https://mstdn.social/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Figma</span></a> <a href="https://mstdn.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mstdn.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a></p>
Inger Aspåker<p><span class="h-card" translate="no"><a href="https://mastodon.nu/@mrsostberg" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>mrsostberg</span></a></span> Åh, är <a href="https://mstdn.social/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Figma</span></a> bra?</p>
ExploreLive feeds
About