Matan Rosen on how creating starter kits in Figma can help deliver products faster by letting designers focus on user experience instead of pushing pixels and doing repetitive design work.
Oğuz wrote a step-by-step tutorial on creating a beautiful app icon from scratch in Figma.
Design Tips #4:
— Oğuz (@oguzyagizkara) June 12, 2023
The Breakdown of the Orbit App Icon 🪐
Get ready for a deep dive - this tutorial is gonna be worth it 💫 https://t.co/U20TiQnOcQ
Great resource from O/M Studio: “Welcome to San Francisco! To celebrate Config 2023 in partnership with Figma, we curated a guide to help you get the most out of your visit to our hometown. Our San Francisco guide points you to all of our favorite restaurants, bars, shops, and activities. Friends don’t let friends drink bad coffee, right?”
Figma dropped a fun pre-Config teaser that gives clues about 5 upcoming releases after solving 5 puzzles. The clues might be more tricky than the puzzles themselves!
The official mobile app for in-person attendees is a great way to see the full conference agenda, build your schedule, access speaker profiles, the location maps, and get real-time updates.
Big day for the Figma community! After years of making official design resources only for Sketch, Adobe XD, and Photoshop (!), Apple finally launched a Figma community page and published a UI kit for iOS 17 and iPadOS 17. (Interestingly, this seems to be the first community resource requiring accepting Terms of Service before opening.)
Let’s use this opportunity to thank Joey Banks for his community service in building many iOS kits over the years, starting with iOS 13!
A different kind of plugin — Chrome extension that lets you export Figma library or component analytics to CSV and enable several CSS overrides to adjust the UI.
Quick access to a library of 287 free open-source Feather icons.
“Winner of the best graphic resource in 2022 by Figma. The largest icon, illustration, emoji and element sets in the world, now available within Figma and FigJam.” Offers generous free tier with 1,000 essential vector icons for UI work.
Vijay Verma is killing it with another movie-inspired artwork. Don’t miss the closeup details.
A new talk from the Creator of Tokens Studio Jan Six and a Fullstack Developer Andrew L’Homme on the future of brand management and what the Tokens Studio team has in store for design token management.
Christine Vallaure recorded a comprehensive guide to setting up, connecting, and updating libraries.
Did you know that you can use math inside color values in Figma? Really cool.
Figma Tip: Use Math Inside Any Field 🧮
— Michael Yagudaev 🧑🏻💻🇨🇦 (@yagudaev) June 6, 2023
You can use +, -, *, /, ^, (, ) with a number.
Super helpful for animations. pic.twitter.com/yKgU5hIV4G
Oğuz with a design tip on using Randomiser and Select Random Layers plugins to create a realistic image of the universe, like in his example. (The look resembles the cool new Reflect app landing he worked on recently.)
Design Tips #3:
— Oğuz (@oguzyagizkara) June 5, 2023
Creating Your Own Stellar Universe 🌟
🚀 Blast off into your own galaxy with these design tips! pic.twitter.com/vjtffSJCa6
This tip (and the fact that this feature exists) made me irrationally happy. Thanks, Miggi!
bruv: pic.twitter.com/1CGmBYVMlp
— miggi from figgi (@miggi) June 8, 2023
Kyler Phillips launched a really useful unofficial guide to events and meetups taking place during Config 2023 in San Francisco. I’ll be there for a few days and try to join some of them, depending on jet lag and energy level.
A major update to a popular design specifications plugin. A new paid Pro version can now display Tokens Studio tokens within Anatomy, Props, and Layout sections.
Luis Ouriach made a starter kit for documenting your components and tokens on the Figma canvas. “With this method, we take a set of core styles (primitive tokens), and then “alias” them into tokens specific to components. It’s worth noting that aliasing is not technically happening, we are using the hyperlink feature within Figma to link from our semantic, component tokens back to the primitive styles within the same file.” Love seeing a Designer Advocate publishing a token starter kit a few weeks before Config 👀
If you do not plan to attend Config in person, Friends of Figma organizers offer regional watch parties to watch a live stream of the keynote and connect with the local community. A few of them are organized by Figma (Berlin, London, Paris, Singapore, Tokyo), and many more a led by the community.
A list of the top ten design systems from companies like Google, Atlassian, Microsoft, Shopify, IBM, AWS, Audi, Spotify, and Uber. Use them as an inspiration, a guide, or a reference to create your own design system.