2

What's New in Figma

 2 years ago
source link: https://www.figma.com/whats-new/?ref=sidebar
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

What's New in Figma

What’s new at Config 2022

Our global design conference is the launching point of several new features, updates, and more. Read on for all of our newest news.

cceb33509c8ed7686639747359adf6ca0cef1107-1108x1108.png?w=523&h=523&q=75&fit=max&auto=format

Dim the lights

Dark mode for Figma is here. Available on desktop and web.

Learn more

Details make the difference

From early sketches to final mockups, these new features will enable you to design with more expression and precision—faster.

Any way you font it

Use variable fonts to broaden the possibilities of your designs and typography with a wide range of font styles and features.

Add some pep to your prototype

Use custom or preset spring animations to prototype natural and fluid transitions.

Learn more | Try it out

Draw the line

Use individual strokes to create more designs using new built-in controls that apply partial borders to four-sided shapes.

Learn more

Design with developers in mind

Maintain balance between freeform and structured design with features that help you seamlessly transition from exploration to production.

Design more, resize less

A redesigned auto layout lets you create fully responsive designs with new layout options, a redesigned properties panel, and on-canvas controls.

Learn more | Try it out

Streamline your system

Use component properties to add built-in customizations to your components and reduce variants—creating a simplified design system and a smoother developer handoff.

Learn more | Try it out

Take center stage

Spotlight makes it easy to gather and guide everyone through a Figma or FigJam file.

Learn more
2e99f4a1d8f2cd9ef3b9cbc82310dfd63d192663-1500x733.png?rect=1,0,1498,733&w=750&h=367&q=75&fit=max&auto=format

Widget your way

A new collection of FigJam widgets gives you more ways to collaborate, build, and bond with your team.

9728fbb8e8f7e401248fa0d6006fdba9a4b1e5d4-1108x861.png?rect=6,0,1095,861&w=458&h=360&q=75&fit=max&auto=format
Turn ideas into action

Keep projects moving and make sure no task is left behind after sprint planning or bug bashes with new Jira, Asana, and GitHub widgets in FigJam.

55393632c9012838aa6055cd35508ec2e63dcadf-1106x861.png?rect=5,0,1095,861&w=458&h=360&q=75&fit=max&auto=format
Celebrate the wins

Make teammates feel special wherever they are with new FigJam widgets for creating greeting cards and voice memos.

Explore past launches

2e5b9cc5fc9705b3b859eea9e211b776732b6efc-720x720.png?w=523&h=523&q=75&fit=max&auto=format

FigJam
Organize your board with sections

Create dedicated spaces for brainstorming, action items, or even show-and-tell.

Bring your design to more people

Figma and FigJam now support all right-to-left (RTL) text, including Arabic, Hebrew, and Urdu.

a47484d86140db83662a2572e70be8a6e10304a7-1108x1108.png?w=523&h=523&q=75&fit=max&auto=format

iPad app
Your space to think out loud

Use FigJam on your iPad to sketch, wireframe, and explore ideas in low-fidelity.

Enterprise
Bring your entire organization into the design process

Collaborate and design at scale with advanced security, flexible controls, and hands-on support—all part of our new Enterprise plan.

caa46d3391f7e965dcbe8699d7d0c6ad6a7ad93b-1108x1108.png?w=523&h=523&q=75&fit=max&auto=format
90b8baed27a482656d4c2116bd8267e30dc44c9f-1108x1108.png?w=523&h=523&q=75&fit=max&auto=format

Mobile app
Stay mobile with Figma

Browse, view, and share files and prototypes— from anywhere, with anyone. Introducing the Figma mobile app, available for download now on iOS and Android.

FigJam
Make FigJam yours with plugins and widgets

Pump up your jam sessions with widgets that bring in new functionality to FigJam—from voting, polling, games, and more. Or use your favorite plugins to speed up your workflow.

20be14af8ba408c3434ffa7b6b378ae98a126e55-2216x2216.png?w=523&h=523&q=75&fit=max&auto=format
7b5235eb4b2bf474ffb6e29dfaa252caaf3cb1bc-2160x2160.png?w=523&h=523&q=75&fit=max&auto=format

Jam with anyone, anywhere

Open sessions give you a fast and frictionless way to invite users to your FigJam files for 24 hours—no Figma account required.

Prototyping
Multiple flows. One page.

Compare, test, and present multiple interactive ideas from a single page.

bbd4f6495115b91b7a8debb648830f1444607be8-4320x4320.png?w=523&h=523&q=75&fit=max&auto=format

Branching
Iterate, more thoughtfully

Get inspired and branch a file. Merge changes and move ideas forward when you’re ready.

FigJam
Where the best products begin

Meet FigJam, an online whiteboard for teams to ideate and brainstorm together.

FigJam
Ready, set, jam!

Set a shared timer in FigJam to keep brainstorms, retros, and workshops productive and engaging.

Audio
Talk it out with audio

Explain an idea, get on the same page, and find that next design breakthrough, together.

500+ users
Next-level multiplayer

Work and play together with up to 500 of your closest design friends in Figma (and coming soon to FigJam).

0f26100e7e9f01e2854b02ec2a256dab94d852bd-1108x1108.png?w=523&h=523&q=75&fit=max&auto=format

Figma Community
Create. Share. Inspire.

Now everyone can publish to the Figma Community. Share new work, a helpful template, or a cool trick with the world.

Get your point across

Bulleted and numbered lists, now available in Figma. Use them to organize information, emphasize important details, or outline next steps.

Learn more

a4a908df51b67633a9493c8621a6dbab6a7abe66-2216x2216.png?w=523&h=523&q=75&fit=max&auto=format

All of your Figma accounts, connected

You can now seamlessly switch between different Figma accounts. And, you can link your Community profiles together.

Learn more

Connect with fellow creators

Now, you can communicate with fellow creators in the Figma Community via comments. Give in-context feedback on files. Suggest feature ideas for plugins. Ask a fellow creator how they did something. Or, simply share some love.

f9f409479ab6a28ef66913a8e9a65e3baeb85df3-1112x1112.png?w=523&h=523&q=75&fit=max&auto=format

Create scroll actions for fast navigation

With our new prototype action, scroll to a selected object or layer in the same top-level frame. Use same screen interactions to help users easily explore landing pages, carousels, and more.

Explore the playground file.

Keep on flexin’

Auto Layout is getting more flexible and has a fresh new look. Stretch in any direction, control padding independently, and distribute objects evenly—all in an easier to use interface.

Explore the playground file.

Bridge design and code with Variants

Organize your design system with Variants so even the most complex components are structured intuitively. Combine variations of the same component and simplify your asset library.

Explore the playground file with examples.

Get the specs you need to code with the new Inspect Tab

Meet the redesigned Inspect Tab (previously called the Code panel). With new sections for Typography, Color, Borders, and more, simply click to copy the specs you need for code.

Breeze through components with the Instance Swap Menu

Fly through the new UI with keyboard shortcuts, easily spot the right instance with thumbnails, or quickly search for something specific.

Explore thousands of design systems, wireframes, illustrations, and more

The Figma Community is rolling out to all users over the next two weeks, giving you access to a world of templates, example work, reusable assets, and even board games.

2bae0e76b9b83c949452b595616f16cd7faa3a07-1046x1046.png?w=523&h=523&q=75&fit=max&auto=format

Show multiple ways to interact with objects

Let users experience your designs by linking multiple interactions to a single object.

Make your transitions pop

Add dynamic animation to your prototypes with customized easing curves.

711f4b85c6a131172b9069349fa9191747f630d2-1108x1108.png?w=523&h=523&q=75&fit=max&auto=format

Spread your shadows

Adjust the positive or negative spread of your shadows to create depth, glows, and borders. All seamlessly output to code.

Embed any Figma file in your team’s favorite tools

Embedded design files streamline project communication, simplify handoff, and eliminate the overhead that comes with finding and maintaining the latest designs.

8b4c805f74e568c7134a33431d6db6b5fb9e42d0-1108x1108.png?w=523&h=523&q=75&fit=max&auto=format

Seamlessly test websites and web apps

To avoid user confusion when testing websites and web apps, you can now turn off the Figma toolbar and footer in Presentation View without going full screen. A URL parameter keeps the toolbar and footer hidden in embeds too.

Bridge design and development with the new Zeplin integration

With the new Zeplin plugin, you can now export Figma frames, components, and styles to Zeplin for a more seamless developer hand-off.

Less time searching, more time making

Universal Search makes it easier for designers and their collaborators to find what they’re looking for in Figma. You can now search your workspace for projects, teams, files, and people.

Better navigation and added context with Links

Link to external product docs to provide your teammates with additional context. And, include links to pages and frames to guide them through your work.

Explore the playground file with examples.

Design and prototype seamlessly with Figma and Framer

If you love both Figma and Framer, your workflow just got more seamless. The new Framer integration enables design teams to import Figma files into Framer Web for more advanced prototyping.

New tricks for Selection Colors

Use the target icon to select a color’s objects and make adjustments to just those objects. Hit the Styles icon to create a new Style with a selected color, or apply an existing Style.

82fab49159058809dd334c72a691f577b37d07c1-1108x1108.png?w=523&h=523&q=75&fit=max&auto=format

Better design systems backed by data

Figma is taking the guesswork out of design systems with analytics to help you understand library usage, learn what’s working and what’s not, and measure the impact of design.

Want to see all our latest releases?

Head over to the release notes to get all the details. You can even integrate the RSS feed with your Slack, so you never miss an update.

Check out release notes

Try Figma for free


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK