Miggi with a mind-blowing trick for selecting items inside of the tight spots.
Haven't posted a #FigmaTip in a while, so here goes.
— miggi from figgi (@miggi) July 28, 2022
In @figma, draw a selection then hold the space bar to move the selection over the objects you want to select. Great for getting items inside of those tight spots. 🎉 pic.twitter.com/zEcCb90Jyk
Zander Whitehurst shows how to create a cool interactive carousel in Figma. See also his quick video “Wireframe to Landing page” where he uses that carousel in a landing page design.
🎠 Designing curved carousels in @figma, supafast! pic.twitter.com/lcYnvc8dCM
— Zander Whitehurst (@zander_supafast) July 27, 2022
A few navigational improvements (e.g. the addition of breadcrumbs and a new page layout) were released on all plans along with updates to workspaces available only on the Enterprise plan.
In May, Dylan Field announced that Figma incorporated in Japan, set up an office in Tokyo, and started working on localizing Figma into Japanese. Last week, they launched a fully localized product interface, website, and in-region support for Japanese users.
The fresh look of the Figma Community with improved search and a new browsing experience makes it easier to discover and differentiate between categories like product (Figma or FigJam), use cases (like design systems), and resources (widgets or plugins).
Interesting plugin from Mike Wilson for writing documentation and attaching it to your components.
Post-it notes are great for gathering and organizing feedback. (I often use comments as to-do’s, but also copy a post-it note from FigJam to my Figma files for higher visibility and questions.)
I capture all feedback in my @figma design file using sticky notes. I review all the feedback and make a list of revisions to bring into the next design round. I keep meticulous track of everything, so there is visible history. pic.twitter.com/S3f7a8xlpu
— Jess 🇺🇦 (@jesseddy) July 19, 2022
Figma is a natural place for the design team to get together, play, interact, and bond. Love this story about building a culture at Meesho Design: “While we brainstormed multiple ways and ideas to resolve this, we noticed that it was collaboration over Figma and struggles with Auto-Layouts that would create immediate bonds between us designers.”
That’s a really smart idea — browse a library of pre-made UI elements and copy-paste them straight to Figma. Categories make browsing the collections very easy. May be valuable for rapid prototyping at the early stages or for exploring ideas. (Keep in mind it didn’t work for me in Safari, but works perfectly in Chrome.)
Nice shipment of improvements to the FigJam iPad app, branches review in Figma, and email notifications. You can also import the contents of a Miro board into FigJam now!
A new video from the Figma Bites: “In this video, we teach you the basics of interactive components and how you can use them in your prototypes. We’ll walk through how you can create prototype connections between component variants to build up more accurate interactions.”
An interesting application of smart Auto Layout hacks to create fully responsive chart components.
A cool collection of free stickers for Figma and FigJam.
Nice improvement! Too bad I can’t stamp +1 on my ideas ten times anymore… BTW, there is a cool easter egg on really old stamps.
we launched stamp name tags in @figma's FigJam today 🤸♀️ (psst... no more +1'ing your own ideas!!!!!)
— mihika kapoor 🧃 (@mihikapoor) July 14, 2022
so delightful to see this lil big detail out in the world 💖 pic.twitter.com/sOvviJK1Zx
The team at Figma talked to 50+ designers, PMs, engineers, researchers, and writers about collaborating with other members of their team, and discovered five specific behaviors that can make or break your team’s vibes.
A great-looking game made entirely in Figma. The creativity of this community never stops surprising me.
I’ve shared a video preview of this generative art plugin in Issue #70, and now it’s available in a public beta. I played with Generater for a little bit and it was a lot of fun! Looking forward to using it on one of the projects.
The team at LottieFiles explains how to recreate an animation from Apple’s iPad mini website.
Ridd shares five awesome strategies for using component properties: strategic nesting, progressive disclosure, minimizing decisions, emojis, and streamlining the instance swap.
These two components might LOOK the same...
— Ridd 🏛 (@Ridderingand) July 6, 2022
But they couldn't be more different:
• ✅ One crushes component props
• ❌ One creates a nightmare
5 best practices for component props 👇 pic.twitter.com/x3ooMihZMp
Chuck Rice explains his Flexbox imitation technique combining the approach from the Breakpoints plugin with the updated Auto Layout. Pretty cool if you need to imitate the flex-wrap
CSS property.