#figma software

[datamined]

Not sure where to ask this, so im posting here as well as some forums BUT:

Basically I really love using Figma for making interactive menus. I have used Figma for mocking up websites and mobile apps before at my job, and in my odd time I’ve taken to using figma to prototype and make sketches of things like UI and flowcharts for the game my friends and I are developing. And even more recently I prototyped a fully custom, nice-looking, interactive character sheet for my character in the current campaign im playing.

Now, It’s got me thinking: I would really, really love to build custom character sheets for people as a side job as its something i genuinely enjoy doing. But the problem is, figma will not exist forever and I have foreseen that it might be a pain to build someone a prototype and I am the sole person to make updates whenever their character levels, they get new gear etc and I don’t really like the idea of forcing people to make an account for a tool they wont want to learn or use outside of the prototype i send them. Additionally, Figma prototype is ultimately not ideal for more distinguished and specific character sheets as I’d like for it to be.

For example, I would love to make buttons that a user can tap to mark how many death saves they have succeeded or failed, I want the user to be able to mark for inspiration and conditions, etc. I know I could possibly feasibly make it work all inside one scrollable frame, but the way I prefer to set up the character sheets requires navigating to different frames with buttons.

What other good alternatives are there? I like to make these character sheets for mobile use (phones and tablets) so should I jump to app development? I don’t mind learning new or more complicated softwares, just as long as the software is free, there’s a free trial long enough for me to learn the gist of the software, a single larger purchase for a license for a good amount of features, or the cost for subscription is low. Is Godot a good software to use for this? My team is learning godot anyway for our game as we were discouraged from Unreal Engine.

[raajiashah]

💼 Need a stunning website or web application? Explore my services at https://raajia-shah-portfolio.great-site.net From sleek designs to powerful functionality, I specialize in crafting captivating web experiences tailored to your needs. Let's bring your ideas to life!

[emptytoys]

[weblession]

How can I control render blocking in an HTML and React.js application? Render blocking can significantly impact the performance of your HTML and React.js application, slowing down the initial load time and user experience. It occurs when the browser is prevented from rendering the page until certain resources, like scripts or stylesheets, are loaded and executed. To control render blocking, you can employ various techniques and optimizations. Let's explore some of them with code examples.

[lowpolybread]

i don't know how many people on here use the software figma, but it just announced it will start to train AI models on user content starting august 15. before then, you can opt out.

starter (free) and professional plans are automatically opted in, while organization and enterprise plans are automatically opted out.

[knightscanfeeltoo]

I guess its Cool to see Ostrava and Slayer of Demons having their own Unique Helmets in Demon's Souls Remake...

[skia-inc]

Steps to follow for figma :

Create a Figma Account:

If you haven't already, sign up for a Figma account at https://www.figma.com/ to access the platform.

Figma Basics:

Familiarize yourself with the Figma interface, including the toolbar, layers panel, properties panel, and canvas.

Design Fundamentals:

Learn design principles like color theory, typography, layout, and visual hierarchy. Understand how to create user-friendly and aesthetically pleasing designs.

Figma Components:

Understand the power of components in Figma. Learn how to create and use reusable design elements to maintain consistency across your designs.

Designing UI Elements:

Dive into designing common UI elements like buttons, forms, cards, navigation bars, and more.

Design System:

Explore how to create a design system in Figma. Organize your styles, components, and assets to ensure a consistent and efficient design workflow.

Prototyping:

Learn how to create interactive prototypes using Figma's prototyping features. Connect screens, add interactions, and simulate user flows.

Plugins and Integration:

Explore Figma plugins to enhance your design workflow. Plugins can automate tasks, provide design assets, and integrate with other tools like Sketch, Zeplin, and more.

Collaboration:

Understand how to collaborate with team members in Figma. Learn about version history, commenting, and sharing design files with stakeholders.

Responsive Design:

Master responsive design techniques to ensure your designs work well across various devices and screen sizes.

Designing for Mobile and Web:

Create designs specific to mobile applications and web projects. Understand the design guidelines and best practices for each platform.

Icon and Illustration Design:

Practice creating icons and illustrations using Figma's vector tools.

Animations and Microinteractions:

Learn how to add subtle animations and microinteractions to your prototypes to enhance the user experience.

Real Projects:

Work on real projects or redesign existing apps/websites to apply your Figma skills practically.

Seek Feedback and Iterate:

Share your designs with peers or the design community to receive feedback and iterate on your work.

Stay Updated:

Stay up-to-date with the latest Figma features, updates, and design trends through Figma's blog and community forums.

Design Challenges:

Participate in design challenges or contests to challenge yourself and grow your design skills.

Portfolio Building:

Create a portfolio showcasing your Figma projects. Highlight your design process, problem-solving skills, and the impact of your designs.

[applesferablog]

Canva vs. Rivales: ¿Cuál Reina en Diseño Gráfico?

En el mundo digital de hoy, una imagen vale más que mil palabras, y tener las herramientas adecuadas para crear contenido visual impactante es crucial. Ya seas un emprendedor, un profesional del marketing, o simplemente alguien que quiere mejorar sus publicaciones en redes sociales, el diseño gráfico es una habilidad esencial. Durante años, Canva ha sido el nombre más sonado cuando se trata de…

[designaday]

Still Thinking Different

Most of the time, I’m quite happy that Apple thinks differently. Most of the time.

I’ve used Miro quite a bit. I’ve used Mural a little. I used inVision Freehand daily for a few years before we switched to FigJam, which I use daily now. They all follow a convention for Zoom. If you hold down the Command key (Control on Windows) and scroll, it zooms in and out. Apple’s Magic Mouse is the ultimate input device for this. With the key pressed, drag your finger down, as if to scroll up, and you zoom in. Drag your finger up, as if to scroll down, and you zoom out. Release the key, and you’re back to scrolling around. It doesn’t take long at all to become second nature.

Yesterday, I was working on a project and decided to give Apple’s Freeform a try. I was immediately disappointed. Apple was the last to this party, and yet they flaunted the conventions that every other shared whiteboard tool has followed. I couldn’t figure out how to zoom. I had to Google it. Rather than just holding down the Command key, you must hold down both the Option and Command keys. That’s annoying. They also reversed the directions. You scroll down to zoom in and scroll up to zoom out. It’s maddening.

There have been many times that I have praised Apple for doing their own thing. There’s usually a very good reason for it. You would be hard pressed to convince me that this is in any way better than the established conventions.

[eyyde-sync-blog]

Week 9 - Calm Before the Storm

This week felt like the calm before the storm. One by one, each subject started assigning performance tasks for midterms and sharing the coverage for the upcoming exams. With the exams just around the corner, the workload is slowly piling up.

This week, I was able to revise my Use case diagram!

Use Case Diagram of Peak Up

We had this diagram checked with sir Carl but there are still some minor revisions.

But I'm happy that the use case diagram had some improvement.

During Figma

This week, we also had a Figma workshop. Unfortunately, I was really late because it overlapped with my Saturday CAD class. However, as soon as my class ended, I made sure to catch up with the workshop.

It was a bit hectic, but I was glad I could still participate and learn from the session!

[youthchronical]

Figma in Talks With Bankers to Explore an I.P.O. This Year

Figma, a cloud-based design platform, has met with investment banks in recent weeks to discuss an initial public offering that could come as soon as this year, two people with knowledge of the matter said. The talks come after European and U.S. regulators stymied an effort by the software giant Adobe to buy Figma for $20 billion in 2023. Figma’s chief executive, Dylan Field, has said the…

[intorque]

The Best Exploring UI Design Tools

a. Reviewing and Comparing Popular UI Design Software and tools

Examining and contrasting well-known UI design tools and software involves checking each one’s features, functionalities, usability, adaptability, and fit for different design processes. Here’s a quick rundown:

Adobe XD

Features

Design tools, wire-framing, and robust prototyping. Easily combines with additional Adobe Creative Cloud applications.

Benefits

Rich plugin and asset library, real-time collaboration, easy-to-use interface.

Ideal For

Designers with experience in the Adobe ecosystem, particularly in the creation of interactive wireframes and prototypes.

Sketch

Features

Symbol libraries, multiple design art boards, vector-based design, and plugins for additional functionality are some of the features.

Benefits

Simple to use, great for designing websites and apps, robust community support, effective for cloud-based tool collaboration.

Ideal For

Mac OS UI/UX designers, especially those working on mobile app designs and web projects.

Figma

Features

Advanced vector design tools, real-time collaboration, prototyping, and cloud-based design.

Benefits

Real-time collaborative design, platform independence (compatible with Windows, Linux, and macOS), and simple commenting and sharing.

Ideal For

Designers looking for a flexible tool across multiple platforms; remote teams; collaborative design environments.

Adobe Photoshop

Features

Extensive graphic design capabilities, image editing, and layer-based design and manipulation.

Benefits

Easily applied, adaptable, all-inclusive tools for graphic design and photo editing.

Ideal For

Designers with experience in photo editing, complex visual compositions design.

Azure RP

Features

Capabilities for detailed documentation, interaction design, and advanced prototyping.

Benefits

robust wireframe and prototype creation, robust high-fidelity prototyping, and support for intricate interactions.

Ideal For

Designers with an emphasis on intricate interactions, enterprise-level prototyping, and strict documentation requirements.


Lunacy

Features

Includes vector tools, Symbols and styles, Sketch File Import, Export options and Art board.

Benefits

Free to Use, Windows Capability, Vector Editing, Offline Mode, User-Friendly Interface.

Ideal For

Designers for Work on Branding, Icon Design, Collaboration and UI/UX Design.

The intended use, team collaboration requirements, learning curve, compatibility with other software, pricing, and continued support and updates are all factors to take into account when evaluating and contrasting UI design tools. The best tool to use will depend on the individual requirements and preferences of designers and design teams as each one has advantages of its own.

"Tools are just tools. It's the person behind them that makes all the difference."

- Seth Godin

b. Prototyping Tools

In order to simulate user interactions, test usability, and produce interactive mockups prior to the actual development phase, designers in UI/UX design rely heavily on prototyping tools. With the help of these tools, the user experience can be better visualized and refined, enabling iterative improvements based on user feedback. Here are brief overviews of a few widely used prototyping tools:

Figma

A collaborative design tool called Figma is well-known for its real-time collaboration capabilities, which let several team members work on a project at once. It provides strong prototyping features, such as smooth screen transitions and interactive components.
Pricing:
1.Figma offers a free plan for individuals. 2.Figma Professional: Paid plans start at $12 per editor per month. 3.Figma Organization: Custom pricing for larger teams with advanced features.

Adobe XD

Another popular tool that works well with other Adobe products is Adobe XD. It helps designers to work together effectively, share design specifications, and produce interactive prototypes. It provides UI elements with a variety of animation and interaction options.
Pricing: 1.Adobe XD offers a free version with limited features. 2.Adobe XD for Teams: Paid plans start at $9.99 per month per user. 3.Adobe XD for Enterprise: Custom pricing based on organisational needs.

Sketch

Sketch is primarily a vector-based design tool, but it also has a robust plugin ecosystem that expands its prototyping capabilities. Designers can add interactivity and make clickable prototypes straight within Sketch by using plugins such as Craft or Anima.
Pricing:
1.Sketch has a one-time purchase fee of $99 per user. 2.Updates are free for one year, and afterward, you can choose to renew the license for $79/year to continue receiving updates.

InVision

With the help of the cloud-based prototyping tool InVision, designers can work with stakeholders to produce interactive mockups. Because it can support gestures, transitions, and animations, it can be used to create high-fidelity prototypes that can be tested by users.
Pricing:
1.InVision offers a free plan with limited features. 2.InVision Cloud: Paid plans start at $9.95 per month per user. 3.InVision Enterprise: Custom pricing for larger teams and organisations.

Axure RP

Rich interaction and dynamic content are the areas of expertise of Axure RP, a robust prototyping tool. With conditional logic, variables, and interactions, it helps designers to build detailed prototypes that are better suited for complex UX designs.
Pricing: 1.Axure RP Pro: $29 per user per month billed annually. 2.Axure RP Team: $49 per user per month billed annually. 3.Axure RP Enterprise: Custom pricing with additional features and services.

Proto.io

Known for its natural user interface, this tool enables designers to quickly and easily create highly interactive prototypes for mobile app designs and web applications. A variety of UI components and animations are available on Proto.io to help you create realistic prototypes.
Pricing:
1.Proto.io offers plans starting at $24 per month for individuals. 2.Team plans start at $40 per user per month. 3.Enterprise plans are available with custom pricing.

Marvel

For beginners as well as professionals, Marvel is an easy-to-use yet powerful prototyping tool. It provides a simplified interface for making interactive prototypes and allows for integrations with design programs such as Figma and Sketch.
Pricing: 1.Marvel is Free for individuals (with limitations)
2.Team Plans Start at $12 per user per month.

Principle

With a focus on animation and interaction design, Principle is a prototyping tool designed for macOS. It is perfect for creating complex UI flows and micro interactions because it allows designers to create complex animations and transitions.
Pricing:
1.Principle Starts $129 for a perpetual license

Every one of these tools for prototyping has advantages and fits various design processes. Designers frequently make decisions based on the demands of their individual projects, the necessity of teamwork, the ease of use, and the degree of fidelity that the prototype must have.

Read More:- Exploring UI Design Tools

[kodehashtechnology]

Figma vs. Adobe XD: The Unexpected Challenger in the Design Ring

In the realm of UI/UX design, Adobe XD has long been considered the reigning champion. Its integration with the Adobe Creative Cloud made it a natural fit for established design teams. But a new challenger has emerged, wielding a surprisingly potent weapon: Figma. This exploration delves into the strengths and weaknesses of both platforms, highlighting Figma’s unexpected rise and its potential…

[knightscanfeeltoo]

I will Wait Forever for a New Figma Fluted Knight Figure with Ostrava's rune Sword, Shield and Iron Helmet...

(and if that never happens, then oh well...)

[naimsiddiqui]

Feel free to reach out to me to convert your Figma designs into code.