Today, we’re releasing the beta of HTML to React to the public. It’s stupid powerful.
⬇️ Watch how fast I can go from seeing a design I like on an a website to getting a personalized React component.
More examples of what this extension can do below
SUPER EXCITED to feature components from Syntax UI by @justansub for day 8. these components are seriously some of the best i've seen in ANY ui kit.
You can now use these buttery smooth components as a starting point and customize with AI in @magicpatterns
⬇️ link below ⬇️
LLMs + Figma + Emailify = ✨ Generative Emails ✨
the best part is you can just export these as HTML (s/o to @hypermatic), which can be used with pretty much any email provider!
Design discoverability and searchability is TERRIBLE within Figma!
That’s why we’re introducing Librarian 📚
Librarian is a UI/UX search engine for designers. It automatically crawls and indexes your Figma files into queryable components and layouts.
It then magically pulls existing mock ups (including completely different files!) that might be relevant / could be re-purposed.
Below is an example of how we use Librarian internally at @magicpatterns
I was super skeptical of custom GPTs… until I created one last night.
I created ComponentGPT — a GPT that helps you design and implement React components using popular design systems.
Here’s what I learned, and why I’m now bullish on custom GPTs. 🧵
Introducing... Patterns: Your new frontend assistant 🧙
Patterns generates frontend components from natural language so you can explore designs and prototype faster — all while using the design system of your choice.
Try it today at https://t.co/63KSkD87lm
More backstory in 🧵
🚀 Patterns
Searching for the perfect UI component just got easier. Explore diverse design systems with this search engine.
#Resources#frontend
by @mirrorful
👉 https://t.co/W611ZswzLf 👈
@Teddarific 👋 Hey boss, ChatGPT wrote this script and it seems to work by pulling out class_='_9ba9a726'. Does it work for your use case?
https://t.co/DGS4LXq5YY
a sneak peak of our latest feature: Mirrorful Docs 👀
With Mirrorful Docs, you can generate a full docs site from your Figma files documenting all your components, styles, and soon, variables.
And all you need to do is copy and paste your Figma file URL.
Early access below 🧵
@mirrorful's latest feature, Themes, is live on Product Hunt: https://t.co/RBDtAGu6oj
We use this ourselves to power Mirrorful's new dark theme!
Up next, heading into components... 👀
ship, ship, ship: shipping is the most effective way to learn alongside your customers
@mirrorful launched support for tailwind within days of my asking 😇
The Mirrorful Team will be at the BerriAI hackathon at 10AM this Saturday in SF. Part of Berri's UI is powered by Mirrorful, so we are excited to attend and help others improve their frontend and design. See you there! https://t.co/vIGwvc29Dx