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
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).
Miggi shows how to create a FigJam file, maximize the FigJam collaboration features, navigate the FigJam toolbar, add text, images, and stickers to your file, use sections for organization, and finally, how to invite others to your FigJam file.
Joey Banks is back with five advanced Figma tips β renaming layers in bulk, selecting all objects based on a specific property, Spacebarβs superpower, private components, and using descriptions to improve search.
A new plugin with 120+ high-quality free illustrations by Vijay Verma.
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
Love this behind-the-scenes video of Nikolas Klein and William Wu from Figma experimenting with how fast they can set a spring animation based on a feeling.
One more @figma behind the scenes around building the editor for spring animations w/ @willyvvu and @rickrajj.
— Niko (@nikolasklein) June 22, 2022
Once we got a rough version working we tried out how fast you can set a spring animation based on a _feeling_ (aka me making weird noises).
Have fun! pic.twitter.com/YOa5N81NiF
βLoreum ipusm for logos. Insert dummy logos of companies into your Figma or FigJam file quickly. The plugin also includes 194 flags of countries as well as popular brand logos.β Donβt miss Vijayβs Twitter thread of a story and details behind this plugin.
Prototyper is a new plugin from the team behind Automator, offering powerful prototyping with JavaScript right in Figma, similar to the old days of Framer Classic. A really powerful combo for exploring ideas and building prototypes in higher fidelity.
Joey Banks introduced the new version of his iOS 16 UI Kit just a few days after WWDC 2022. Joeyβs kits are fantastic resources for making iOS apps and learning about the organization of a large system. This year, he is also offering a paid version that includes exactly the same files, but by purchasing youβll support the project and receive library updates and video walkthroughs.
Yet another fantastic artwork by Vijay Verma. Make sure to check out the community file and other tweets in this thread with his explanation of the process.
Rogie talks with designers from Applied Intuition about balancing the inherent complexity of the autonomous vehicles development process with simple UX solutions that span both 2D and 3D spaces
Miggi shows how to use images as masks.
Martin Bekerman is a great artist β make sure to see more of his works.
Here's an inside look at the guts of the new PFP as built in Figma. Simple shapes with blurs + gradients are really powerful. pic.twitter.com/IA4snshZQM
— ππΌππΌππ πΏπππ β’ (@mysavagedogs) June 14, 2022
Supafast!
π Animating carousels in @figma, supafast! pic.twitter.com/1PYgLmsJ6g
— Zander Whitehurst (@zander_supafast) June 13, 2022
Rasmus, who used to work on this at Figma, shares his workflow for designing in P3 color space and exporting assets in sRGB. Sadly, itβs still a very tricky process.
I wish Figma implemented color space support (color management.) I design in P3 and my workflow for exporting images is: export, run imagemagick to assign the correct profile (my workspace profile). Finally, run imagemagick to convert the imageβs colors to sRGB.
— Rasmus Andersson (@rsms) June 15, 2022
Cool widget recommendations by Zander Whitehurst: Voice Memo, Storymapper, and FigJenda.
π 3 wicked Figjam widgets in @figma pic.twitter.com/3VldjuzczV
— Zander Whitehurst (@zander_supafast) June 8, 2022
A high-quality free tutorial from Design+Code: ββDesign a Web app design inspired by Discord and Slack in the Figma design tool.β
Yuan Qing Lim announced a new version of his boilerplate for creating Figma plugins with support for dark mode, with all components using Figmaβs official color tokens.
Excited to announce that v2 of Create Figma Plugin now supports dark mode, with all components themed using @figmaβs official color tokens!
— Yuan Qing Lim (@yuanqinglim) June 9, 2022
π See all the components in the Storybook: https://t.co/jSqLL3ix5E@FigmaPlugins pic.twitter.com/MjhVFxPtpV
Rasmus Andersson shows how to make a simple font in Figma.
Sunday funday: Make your own font in @Figma.
— Rasmus Andersson (@rsms) June 5, 2022
Copy this file to get started: https://t.co/e9SyhPZpqL pic.twitter.com/rM6ctpKB3h