Khoá học làm chủ Figma từ cơ bản đến nâng cao của Sigma Academy
Figma là một ứng dụng gồm nhiều công cụ thiết kế mạnh mẽ trên nền tảng website. Với Figma, bạn có thể sáng tạo không giới hạn giao diện người dùng (UI/UX), thiết kế tạo mẫu, tạo bài đăng trên các mạng xã hội và nhiều dự án thiết kế khác.
Học miễn phí ngayTại sao bạn nên học làm chủ Figma
Ưu điểm hàng đầu của Figma phải kể đến tính cộng tác trong thời gian thực. Với Figma, làm việc nhóm từ xa trở nên dễ dàng khi nó cho phép những người khác trong dự án có thể cộng tác về thiết kế, cung cấp phản hồi, kiểm tra tiến độ công việc hoặc gắn cờ các vấn đề có thể xảy ra theo thời gian thực.
Kho plugin khổng lồ và cực kỳ hữu ích chỉ có ở Figma sẽ giúp bạn khắc phục được những lỗi nhỏ và tăng hiệu suất làm việc. Việc quản lý màu sắc, nội dung hình ảnh hay hoạt ảnh đều trở nên dễ dàng hơn bao giờ hết.
Tính năng quản lý nhiều artboard cùng lúc cũng được tích hợp trên Figma. Với tính năng này, bạn có thể sáng tạo nhiều layout với các kích thước khác nhau trên cùng một sản phẩm mà không cần phải tạo thêm tệp mới.
Đối tượng tham gia phù hợp
- Các bạn Học sinh – Sinh viên có đam mê học về lĩnh vực Front-End
- Các bạn đang đi làm ở lĩnh vực khác muốn học về Front-End
- Các bạn đã có tìm hiểu về lập trình, nhưng muốn hệ thống khoá kiến thức lại
Figma Mastery Roadmap
Step-by-step guide to becoming a Front-End developer in 2024
Phần I
- Overview of Figma
- Setting Up an Account
- Understanding Figma Interface
- Basic Navigation
- Workspace Adjustment
- How to Start a New Project
- Creating Shapes and Lines
- Text Management
- Using Layers
- Colour Basics
- Opacity and Blend Modes
- Grouping and Locking Objects
- Design Tab Overview
- Drawing Tools
- Frames and Slices
- Components and Instances
- Auto Layout
- Use of Grids and Constraints
- Boolean Operations
- Masking and Clipping
- Gradients and Shadows
- Image Import and Adjustment
- Pattern and Texture Creation
- Advanced Typography Tools
Phần II
- Prototype Tab Overview
- Creating Connections
- Setting Navigation Flow
- Adding Interactions and Animations
- Scrolling and Swiping Functions
- Sharing the Prototype
- Understanding Collaborative Design
- Team Library and Publishing
- Collaborative Editing
- Feedback and Commenting
- Version History and File Recovery
- User Permissions and Team Management
- Understanding Responsiveness
- Adaptive Layout Concepts
- Frame Resizing
- Constraints in Adaptive Design
- Auto Layout for Responsiveness
- Layout Grids and Breakpoints
Phần III
- Overview of Figma Plugins
- Installing Plugins
- Commonly Used Plugins
- Creating your Own Plugins
- Managing and Sharing Plugins
- Exploring Community Plugins
- Integration of Figma and Adobe
- Figma and Sketch Comparison
- Importing and Exporting Designs
- Using Figma with Slack
- Wireframing in Figma vs Balsamiq
- Leveraging Zeplin alongside Figma
- Design Systems Basics
- Creating a Design System
- Managing and Maintaining a Design System
- Sharing and Publishing Design Systems
- Collaborating on Design Systems
- Design Tokens in Figma
- Developer Tools in Figma
- Understanding CSS in Figma
- Exporting Designs for Development
- Inspecting Design Elements
- Figma to Code Practices
- Version Control for Design files
- Exploring Figma Community
- Publishing your Designs
- Remixing Community Files
- Figma Community Best Practices
- Following Designers and Companies
- Contributing to Open Source Projects
