MDS with another take on Figma/Adobe: “The magic happens in the details and typically in things that you didn’t plan for”.
What makes software magical? Another take on Figma/Adobe for those of us who still wanna talk about it. pic.twitter.com/g2m5mQBEj0
— MDS (@mds) September 16, 2022
Andrei Herasimchuk, the ex-Lead Designer at Adobe, shares a list of “big wins” and “small wins” that Figma cofounders and he wrote down in December 2013. Pretty amazing to see how almost all of it is a reality now. (“Modernizing masking & gradient UI” sounds pretty sweet though!)
Found this recently. Taken Dec 2013. It’s the list of things @zoink, @evanwallace, & myself wrote down for @figma while still in the temp office in Palo Alto. The list of “Big Wins” was all Dylan & Evan, esp. the community and team use part. They had the vision, even back then. pic.twitter.com/6mZg6cJvhp
— Andrei Herasimchuk (@Trenti) September 16, 2022
Adobe representative to Protocol: “While we have been reducing our investment in XD, we will continue to support it. We are excited about Figma’s vision for the future of product design and the potential of our teams coming together to benefit our customers. After the transaction closes (expected in 2023), we will share more information.” RIP XD.
Adam Nash, one of the early investors in Figma, remembers his conversation with Dylan Field in 2013 about WebGL and moving graphic design to the cloud: “Dylan was not deterred. He explained that the heavy compute was the exact reason why moving to the cloud made sense. By providing high powered machines in the cloud, anyone could get access to an almost arbitrary amount of power without spending $10K, and latency & bandwidth had progressed to the point where shipping the UI bits to the client was a solved problem.”
The official announcement from Dylan Field.
A super useful tip by Miggi. The power of combining FigJam with Figma always keeps surprising me.
Blur out areas in your FigJam file with some @figma background blur shapes pasted in! #figmatip
— professor figma (@miggi) September 6, 2022
👉 Make a white rectangle in Figma
👉 Set blend mode to multiply
👉 Add background blur effect set to 50
👉 Paste into FigJam, resize + place over objects pic.twitter.com/TXhQmpPIyc
Clara Ujiie shows how to archive your work using pages and version history.
Want to archive your work in Figma?
— Figma (@figma) September 6, 2022
Here's how to do it.
Thanks, @claraujiie for the #FigmaTip 🤩 pic.twitter.com/rgBoePMlTA
Easy and fast way to access a pre-defined color palette in FigJam.
Here is a @figma FigJam process tip. Paste in screenshots of palettes when using the marker tool. Hit the "i" key for the eye dropper tool to select colors from the palettes. Great for quick ideation and grey scale UI wireframes. #figmatip. pic.twitter.com/sfAjcAwksv
— professor figma (@miggi) September 6, 2022
Luis shows the only Dynamic Island notification we’ve been waiting for.
Wow I love how collaborative this Dynamic Island is pic.twitter.com/wO8SFs6GaQ
— luis. (@disco_lu) September 8, 2022
Zander Whitehurst shows how to animate the newly introduced Dynamic Island in Figma supafast.
🏝 Animating @Apple Dynamic Island in @figma, supafast pic.twitter.com/nTfhzhpVgd
— Zander Whitehurst (@zander_supafast) September 8, 2022
Fons Mans recreates the new iPhone 14 Pro wallpapers in Figma.
Vijay Verma with a new beautiful illustration made in Figma. Don’t miss the details on his technique and fun facts in a Twitter thread.
GM Frenz! Here's a rare fish, Figish 🐠, I made in @figma. An experimenting with Figma to make something colorful and shinny. Here is the result.
— vijay verma ᵍᵐ (@realvjy) August 29, 2022
Exclusively available on @foundation 🤩 pic.twitter.com/DZ3VSijbsi
Yuhki Yamashita is the Chief Product Officer at Figma and leads the product and design teams. In this interview with the Merit Office Hours, they talk about the value of process, adapting to asynchronous work, and the importance of mentorship.
Speaking of the font metrics, I’ve just bought the Martian Grotesk font family for the upcoming redesign of my personal website. Its author Roman Shamin put a great deal of work into making this font a fantastic choice for web and digital design — equal vertical metrics for perfect positioning inside a bounding box, glyph height sticking to the pixel grid at common sizes, case sensitivity, and a variable version. It’s one of the most thoughtfully made fonts for the UI work and currently it’s 60% off until September 4th. (See also his free open-source font Martian Mono.)
The Chrome Cast podcast interviews Noah Levin, the Director of Design at Figma. Besides talking about Figma and FigJam, they discuss Google for Education’s partnership with Figma to bring the collaborative design platform to education Chromebooks across the US and how Figma is leaning into the education space.
Anthony DiSpezio with a great tip on controlling opacity and zoom level with the number keys.
Incoming #figmatip
— Anthony DiSpezio (@adispezio) August 19, 2022
*Number keys for opacity* enabled:
- 0-9 to set 10% increments
- Tap two keys quickly for the exact %
- Tap 0 twice for 0%
- Hold shift for zoom keys⬇️
if disabled:
- 1 for 'zoom to fit'
- 2 for '...selection'
- 0 for '...100%'
- Hold shift for opacity keys⬆️ pic.twitter.com/82Et0GSV1w
Patrick Morgan asked designers about their favorite Figma shortcuts and shares the top 10 recommendations based on 220+ responses.
I asked designers for their favorite @figma keyboard shortcuts.
— Patrick Morgan (@itspatmorgan) August 15, 2022
220+ responses and hours of synthesis later...
Here are the top 10 keyboard shortcuts to supercharge your workflow:
Molly Hellmuth gives a few practical recommendations on creating a bulletproof color system.
Christine Vallaure highlights some of Figma’s features and possibilities to help you build a design that aligns with code as much as needed and improve your teamwork.
Molly Hellmuth shares a few things she learned about using Component Properties after rebuilding a design system from scratch.
I just rebuilt my Design System from scratch (to include Config2022 updates)
— Molly Hellmuth (@molly_hellmuth) August 11, 2022
Here are the 3 biggest thing I learned about using Component Properties during this process.. pic.twitter.com/9aNJcmxNjd